Autor Zpráva
Host
Profil *
Zdravím,
mám dva sloupce (float:left, float: right) a potřeboval bych pod ně umístit ještě jeden, který bude mít 100% šířku. Bohužel sloupce mají proměnlivou výšku a když je jeden delší než druhý, tak se začátek spodního prvku nacpe do volného místa pod kratší sloupec. Zkoušel jsem oba sloupce obalit DIVem, ale FF tento div asi ignoruje a oba sloupce z něj "přetékají" :(
Výřez HTML kódu:
<div>
<div id="left">a<br>b<br>c<br>d<br>e<br>f<br>g<br>h<br>i</div>
<div id="right">1<br>2<br>3</div>
</div>
<p>h ch k r d t n, b f l m p s v z</p>

a CSS:
#left {
float:left;
width: 60%;
}
#right {
float:right;
width: 40%;
}
Str4wberry
Profil
Měl by stačit clear. Pod sloupce přidej <br clear='all'>.
Host
Profil *
Ano, to bylo přesně ono. Mockrát díky.
A ještě bych se chtěl zeptat (ať nemusím zakládat nové téma)
Mám toto:
<div id="left">
<ul>
	<li><h3>Text #1</h3> <span>21. březen 2008</span></li>
	<li><h3>Text #2</h3> <span>20. březen 2008</span></li>
	<li><h3>Text #3</h3> <span>19. březen 2008</span></li>
</ul>
</div>

a k tomu CSS:
#left ul li {
	list-style-type: none;
	list-style-image: none;
	margin-left: -20px;
	line-height:19px;
	border-bottom:2px dotted #e4e7e9;
}

#left h3 {
	color:#333333;
	font-family:sans-serif, Helvetica, Arial;
	font-size:16px;
	font-weight:bold;
	margin:	0pt;
	padding: 10px 0 4px;
	display: inline;
}

#left span {
	float: right;
	font-size: 80%;
}

Problém je v tom, že onen SPAN se ve Firefoxu a IE6 (jak IE7 netuším) zobrazí o řádek níž, kdežto Opera 9.5 a Safari to zobrazí správně. Pokud SPANu přidám"margin-top: -17px;", tak to v IE a FF vypadá tak, jak má, ale v O9.5 a Safari je to zase moc vysoko :(
Šlo by to nějak šikovně opravit?
JirkaC
Profil *

#left ul li {
	list-style-type: none;
	list-style-image: none;
	margin-left: -20px;
	line-height:19px;
	border-bottom:2px dotted #e4e7e9;
	position: relative;
}

#left h3 {
	color:#333333;
	font-family:sans-serif, Helvetica, Arial;
	font-size:16px;
	font-weight:bold;
	margin:	0pt;
	padding: 10px 0 4px;
	display: inline;
}

#left span {
 position: absolute;
 top: 7px;
 right: 0; 
}

Anonymní
Profil *
JirkaC
Pomohlo děkuji.

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: