Autor Zpráva
maks
Profil
Ahoj,
s tímto problémem jsem se setkal snad porpvé. Asi to bude někde jen drobnost, nebo naopak nějaký kardinální bug.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <style type="text/css">
    <!--
      *{color: white;}

html, body {padding: 0; margin: 0;}
body {background: #000; color: #fff; font-family: sans-serif;text-align: center;}

h2 {font-size: 140%;background: blue;height: 40px;}

div#page {background: pink;width: 920px;margin: 0 auto;text-align: left;}

div#header {width: 920px;height: 165px;	float: left;background: brown;}
div#header a {float: left;text-decoration: none;width: 236px;height: 75px;}

ul#menu {width: 920px;height: 40px;background: red;float: left;margin: 0;padding:0;}
ul#menu li {float: left;margin: 0;padding: 0;list-style-type: none;}
ul#menu li a {color: #fff;float: left;}

div#content {float: left;width: 688px;border: 1px solid green;}
   
div#left-col {float: left;width: 208px;	border: 1px solid green;	margin: 0 20px 0 0;}

#footer {width: 100%; float: left; clear: both; background: transparent;}

.cleaner {display: none; clear: both;}
    //-->
    </style>  
    
    <title></title>
  	</head>
  	<body>
  		<div id="page">		  
			<div id="header">
				<h1><a href="#">HEADER</a></h1>
				
			</div>
      		
			<hr class="cleaner" />
      	
			<ul id="menu">
				<li><a href="#" id="active">menu width 100%</a></li>
			</ul>
	
			<hr class="cleaner" />
      		
      		<div id="left-col">
				<h2>sloupec</h2>
			</div>
      		
			<div id="content">
				<h2>Obsah stránky</h2>
			</div>
     		
      		<hr class="cleaner" />
			        		
			<div id="footer">Paticka</div>
      	</div>
      	<!-- /page -->
  	</body>
</html> 


Všechny cleanery jsem zvýraznil. První dva tam jsou pro textové prohlížeče, pod contentem má sloužit skutečně jako cleaner.

Barvy jsem zvolil schválně kontrastní, aby to lépe vyniklo. V IE se mi patička, prostor mezi oběma sloupci atd. vykreslí růžově, tedy barvou pozadí u div page. Ve FF však nikde tuto barvu nevidím, i když by tam mělo být..
Str4wberry
Profil
Stačilo by použít čistič.
maks
Profil
Str4wberry
Stačilo by použít čistič.
však ho tam mám. Nebo je umístěn špatně? Kam bys ho dal ty ještě?

Díky,
M.
Str4wberry
Profil
V podstatě ho tam nemáš. S display: none to jako čistič nikdy fungovat nemůže. Stačí nefloatovat patičku nebo clearovat po ní. Asi.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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