Problem s CSS stylem

Skús to takto:

CSS:

* {
margin:0;
padding:0;
}
body {
text-align:center;
background-color: #F3FFA6;
color : #C39200;
}
.hlavicka {
padding: 10px;
border-bottom: 1px solid #C39200;
margin-bottom: 1ex;
width: 100%;
background-color: red;
}
.obsah {
width: 750px;
margin: 1em auto;
border: 1px solid #C39200;
background-color: yellow;
}
.pravypanel {
float: right;
width: 200px;
border : none;
padding: 0.5em 1em;
text-align : center;
background-color: lime;
}
.hlavnipanel {
margin: 0 205 0 0px;
text-align: justify;
border: 1px solid #C39200;
padding: 0.5em 1em;
}
.paticka {
padding: 10px;
clear: both;
border-top: 1px solid #C39200;
border-bottom : 1px solid #C39200;
text-align:center;
font-size : small;
background-color: blue;
}

HTML:

<div class="obsah">
<div class="hlavicka">
<h1>Nějaká Hlavička</h1>
</div>
<div class="pravypanel">
<ul>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
</ul>
</div>
<div class="hlavnipanel">
<h2>Blablabla</h2>
<p> blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla</p>
</div>
<div class="paticka">&copy;&nbsp;Design&nbsp;Petr,&nbsp;June&nbsp;2005</div >
</div>

(nepoužívaj radšej "id", ale triedy -> "class", "id" by vraj v HTML dokumente malo byť iba jedno...)

bojars
Hodnota použitá v atribútoch id musí byť unikátna v rámci dokumentu, na počte atribútov id nezáleží.
Dané CSS je pre layout a teda je výhodnejšie použiť id namiesto class.

izsak
Dané CSS je pre layout a teda je výhodnejšie použiť id namiesto class.

V čom sa prejaví v prípade tohoto layoutu jeho výhoda?

http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=7&topic=11 97
http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=4&topic=35 13&page=0#5