Autor Zpráva
silverback
Profil
Dobrý den, nějak to nemůžu pochopit - mám nadefinované css:

body {
	margin: 0px;
	padding: 0px;
}
#wrapper {
	margin: 0px;
	padding: 0px;
	width: 56.25em;
}
#header {
	background-color: #09F;
	margin: 0px;
	padding: 0px;
}
#mainBody {
	margin: 0px;
	padding: 0px;
	background-color: #9C3;
}

#mainContent {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 43.75em;
}
#novinky {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 12.5em;
}
#footer {
	background-color: #FC0;
	margin: 0px;
	padding: 0px;
	clear: both;
}


Potom mám v HTML tento kód:

<body>

<div align="center">
<div id="wrapper">

	<!-- Hlavička -->
  		<div id="header">Hlavička</div>
	<!-- Konec hlavičky-->
    
    <!-- Tělo -->
       	<div id="mainBody">
           	<!-- Hlavní obsah -->
               	<div id="mainContent">Hlavní obsah</div>
            <!-- Konec hlavní obsah -->
                
            <!-- Novinky -->
              	<div id="novinky">Novinky</div>
            <!-- Konec novinky-->
        </div>
    <!-- Konec tělo -->
    
    <!-- Footer -->
    	<div id="footer">Footer</div>
    <!-- Konec footer -->

</div>
</div>

</body>


No a jde mi o to, že jsem vytvořil vnořený div "mainBody" abych mohl případně změnit pozadí jak pro div "mainContent" a "novinky", které jsou v tomto divu vnořené. Jenže když tak učiním, tyto dva divy mají stále barvu pozadí .body a když něco vepíšu do divu "mainBody" posune se obsah oken "mainContent" a "novinky" pod něj a to i když napíšu něco přímo pod tyto dva divy. Moc to nechápu - není snad možné takto vnořovat divy do sebe? Podle mě by to jít mělo ... předem díky za odpověď.
silverback
Profil
Vyřešeno, jeden zázračný řádek - jsem já to ale trubka :) Zapomněl jsem tam hodit clear, všechno co je flotovany se vyjímá z normálního toku dokumentu.

<!-- Tělo -->
       	<div id="mainBody">
           	<!-- Hlavní obsah -->
               	<div id="mainContent">Hlavní obsah</div>
            <!-- Konec hlavní obsah -->
                
            <!-- Novinky -->
              	<div id="novinky">Novinky</div>
            <!-- Konec novinky-->
            <br style="clear:both;" />
</div>
    <!-- Konec tělo -->

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