CSS - Pretekanie DIVu

Programovacie jazyky, rady, poradňa...
__construct
Medium Expert
Medium Expert
Používateľov profilový obrázok
Príspevky: 108
Registrovaný: 23 sep 2009, 9:32
Bydlisko: Dark Side of The Moon
Kontaktovať používateľa:

CSS - Pretekanie DIVu

Príspevok od používateľa __construct »

Mám takýto layout:
//obrázky dávaj do príloh!
Problém je v tom, že keď mám v DIVe hlavný veľa obsahu preteká to cez pätičku. Nepoznáte niekto nejaký CSS hack ? Pomôže ak dám pätičku preč z DIVu spod ?

// zabudol som pripísať, že div lavy, hlavny a pravy mám v dive obal - kôli tomu aby boli vycentrované na stred
eMPiko
Addict
Addict
Používateľov profilový obrázok
Príspevky: 3085
Registrovaný: 11 jan 2007, 16:40

Re: CSS - Pretekanie DIVu

Príspevok od používateľa eMPiko »

hod zdrojak - HTML aj CSS
robeno
Star
Star
Používateľov profilový obrázok
Príspevky: 503
Registrovaný: 15 okt 2005, 13:42
Bydlisko: Bali
Kontaktovať používateľa:

Re: CSS - Pretekanie DIVu

Príspevok od používateľa robeno »

Ahoj, myslim ze ked som ta spravne pochopil, tak tu mas hotove riesenie.
s tym ze si sprav kludne si sprav nejaky div v ktorom bude div a,b,c a na neho daj nejaky bg

Kód: Vybrať všetko

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<title>Untitled Document</title>
<style type="text/css">
body {margin:0 auto;}
#obal {width:700px; margin:0 auto;}

#header {width:700px; height:150px; background:red;}

#a {width:150px; background:blue; float:left;}
#b {width:400px; background:yellow; float:left;}
#c {width:150px; background:black; float:left;}

#footer {width:700px; height:150px; clear:both; background:orange;}
</style>
</head>
<body>
<div id="obal">
	<div id="header"></div>
    <div id="a">asdasd <br />asdasd <br /><p>
    asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />
    </p></div>
    <div id="b">asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br /></div>
    <div id="c">asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br />asdasd <br /></div>
    <div id="footer"></div>
</div>
</body>
</html>
__construct
Medium Expert
Medium Expert
Používateľov profilový obrázok
Príspevky: 108
Registrovaný: 23 sep 2009, 9:32
Bydlisko: Dark Side of The Moon
Kontaktovať používateľa:

Re: CSS - Pretekanie DIVu

Príspevok od používateľa __construct »

Toto je screen toho problému:
//obrázky dávaj do príloh!
Prílohy
source.zip
Zdrojaky (obrázky som nepriložil - z istých dôvodov)
(2.3 KiB) 30 stiahnutí
tuti
Light Professional
Light Professional
Používateľov profilový obrázok
Príspevky: 740
Registrovaný: 01 okt 2006, 19:23
Bydlisko: Prievidza

Re: CSS - Pretekanie DIVu

Príspevok od používateľa tuti »

odstran to height: 500px ;)

este ze tam mas poznamku pojde prec :D
__construct
Medium Expert
Medium Expert
Používateľov profilový obrázok
Príspevky: 108
Registrovaný: 23 sep 2009, 9:32
Bydlisko: Dark Side of The Moon
Kontaktovať používateľa:

Re: CSS - Pretekanie DIVu

Príspevok od používateľa __construct »

:slap: OMG ja debil .. Díky moc .. no asi je vidieť, že som to robil v piatok ..
Napísať odpoveď