Diskuse JPW: Text ignoruje sloupečky a přechází skrz*

	Autor	Zpráva
	mikmik Profil *	#1 · Zasláno: 10. 3. 2009, 20:22:58 · Upravil/a: Moderátor (editace znemožněna) Odpovědět Citovat mám dotaz, nedokazu si vysvetlit tohle chovani, muze mi prosim nekdo vysvetlit jak to funguje? uvedu kratky priklad CSS #hlavni { width:400; height:400; margin-left:auto; margin-right:auto; border:2px solid black; } #levy { width:100px; height:400px; float:left; border:1px solid black; } #pravy margin-left:100px; width:300px; border:1px solid black; height:400; } HTML <html> <head> <link rel="stylesheet" type="text/css" href="layout.css"> </head> <body> <div id="hlavni"> <div id="levy"> text ktery ignoruje sloupecky a v klidu prechazi zkrz </div> <div id="pravy"> </div> </div> </body> </html> problem je v tom, ze nevim proc se text v divu levy nezobrazuje pouze v divu levy dekuji ze pripadnou pomoc
	Str4wberry Profil	#2 · Zasláno: 10. 3. 2009, 21:05:09 Odpovědět Citovat Pro začátek bych doplnil závorku do: #pravy { margin-left:100px; width:300px; border:1px solid black; height:400; }
	Časová prodleva: 15 let

Autor

Zpráva

mikmik
Profil *

#1 · Zasláno: 10. 3. 2009, 20:22:58 · Upravil/a: Moderátor (editace znemožněna)

mám dotaz, nedokazu si vysvetlit tohle chovani, muze mi prosim nekdo vysvetlit jak to funguje?

uvedu kratky priklad

CSS

#hlavni
{
width:400;
height:400;
margin-left:auto;
margin-right:auto;
border:2px solid black;

}

#levy
{
width:100px;
height:400px;
float:left;


border:1px solid black;
}

#pravy

margin-left:100px;
width:300px;
border:1px solid black;
height:400;


}

HTML

<html>
<head>
  <link rel="stylesheet" type="text/css" href="layout.css">


</head>
<body>

<div id="hlavni">
 <div id="levy">
text ktery ignoruje sloupecky a v klidu prechazi zkrz
 </div>
<div id="pravy">
 </div>


</div>
</body>

</html>

problem je v tom, ze nevim proc se text v divu levy nezobrazuje pouze v divu levy

dekuji ze pripadnou pomoc

Str4wberry
Profil

#2 · Zasláno: 10. 3. 2009, 21:05:09

Odpovědět Citovat

Pro začátek bych doplnil závorku do:

#pravy
{
margin-left:100px;
width:300px;
border:1px solid black;
height:400;
}

Časová prodleva: 15 let

Vaše odpověď

Mohlo by se hodit