Autor Zpráva
Měsíček
Profil
Chtěl jsem se zeptat jak se dělá layout 3(slupcový,patička atd...), ale tak, aby nebyly jednotlivé prvky rozděleny.Mám ho už udělaný, ale : Patička je dole a obsah, který má být nad ní tak je mezi patičkou a obsahem 20px prohlubeň.Poradili by jste mi jak to zacelit ?

Přibližný obrázek
Railbot
Profil
* {margin: 0; padding: 0}
Měsíček
Profil
Opravil bys mi CSS je to :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Třísloupcový layout</title>
</head>

<body>
<style type="text/css">
<!--
body {
margin: 0px;
padding: 0px;
font-family: arial, sans-serif;
font-size: 14px;
background-color: #FFFFFF;

}

.hlavicka {

margin: 0px;
padding: 0px;
width: 750px;
height: 100px;
background:url(hlavicka.JPG);

}


.hlavni {

margin: 0px;
padding: 0px;
width: 750px;
margin-top: 0px;

}

.levy-sloupec {
margin: 0px;
padding: 0px;
width: 150px;
float: left;
background-color: #e1e1e1;

}

.pravy-sloupec {
margin: 0px;
padding: 0px;
width: 595px;
margin-left: 0px;
float: right;

}

.pravy-sloupec-vlevo {
margin: 0px;
padding: 0px;
width: 440px;
float: left;
background-color: #efefef;

}

.pravy-sloupec-vpravo {
margin: 0px;
padding: 0px;
width: 150px;
height: 500px;
margin-left: 0px;
clear: both;
float: right;
background:url(pravysloupecvpravo.JPG);

}

.paticka {
margin: 0px;
padding: 0px;
width: 750px;
height: 75px;
background:url(paticka.JPG);
margin-top: 0px;
clear: both;

}

-->
</style>
<center>
<div class="hlavicka" align="center">
<span style="position: relative; top: 40px"> www.spidernet.xf.cz </span>
</div>


<div class="hlavni">
<div class"levy-sloupec">Tak tohle je levý sloupec
</div>
<div class="pravy-sloupec">
<div class="pravy-sloupec-vlevo">Tak to je pravý sloupec 1.
</div>
<div class="pravy-sloupec-vpravo">Tak to je pravý sloupec 2.
</div>
</div>
</div>

<div class="paticka">
<span style="position: relative; top: 30px"> Vytvořil Daniel Gomola</span>
</div>
</center>
</body>
</html>
Měsíček
Profil
Dobrý už nemusíte, už jsem na to přišel a díky Railbote za radu :-)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0