Autor Zpráva
css-help
Profil *
Caute, taka zaciatocnicka otazka:

Mame:
#div-container
   #div-inner-1 (float:left)
   #div-inner-2 (float:left)
   ...

Ide o to, aby som zobrazil v ramci jedneho div-u vo vnutri (div-container) jeho "deti" #div-inner-1 a #div-inner-2 ZA SEBOU.

Zobrazi ich sice za sebou, ale problem je, ze #div-container ma vysku uplne zanedbadetlnu aj ked jeho vnutorne
div-y (#div-inner-1 a #div-inner-2) maju vysku neporovnatelne vyssiu.

Inak povedane, vonkajsiemu div-u sa neprisposobi
vyska podla jeho vnutorneho content-u.


Chcem dosiahnut to, aby ich ten vonkajsi div "zaobalil" - nastavila sa mu seriozna vyska.

Dik za help.
panther
Profil
css-help:
tipuji chybějící cleaner, nebo přidej nadřazenému prvku visibility: hidden.
css-help
Profil *
Dik za odpoved panther,

ak dam visibility na hidden tak mi "zmiznu" vnutorne div-y.

clear setujem aj na left aj na right aj na both, a nic ... je tam nejaka zrada hlupa.
panther
Profil
css-help:
je tam nejaka zrada hlupa.
dodej odkaz na web, všechno bude hned jasné.
css-help
Profil *
Odkaz na web nemam, lebo HTML generujem priamo do DOM-u niecim ... to je jedno.

Ked si pustis nasledujuci kod a pozries firebugom na rozmery containera, tak uvidis, ze ma 0-ovu vysu ...

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>

	<style type="text/css">
		div#container {
			width: 100%;
			
			background-color: yellow;
		}
		div#inner-l {
			border: 1px dashed;
			float: left;
			margin: 5px;
			overflow: auto;
			width: 30%;
			
			background-color: green;
		}
	</style>

</head>
<body>

	<div id="container">
		<div>
			<div id="inner-l">
				<br />
				<br />
					... txt ...
				<br />
				<br />
			</div>
		</div>
	</div>

</body>
</html>
panther
Profil
css-help:
ano, nemáš ukončené floaty -> chybí cleaner, nebo dej rodiči visiblity: hidden.

Ten druhý div bez identifikátoru je tam zbytečný.
css-help
Profil *
Vdaka, ... pomohol si mi, good job.

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: