ugrás a tartalomhoz

width : 100% és padding

Anonymous · 2006. Nov. 13. (H), 12.36
Hellósztok, a kódom:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body style="margin: 0; padding: 0; ">

<div style="width: 100%; background-color:#CCCC33; padding: 30px;">

<div style="width: 100%; padding: 10px; background-color: #00FF00;">
fghfgh  fghfg hfgh fghfghfgh fgh<br>asdasd asdas das d
</div>

</div>

</body>
</html>


Tehát azt szeretném megvalósítani, hogy a külső div felbontástól függetlenül teljes hosszában "elfoglalja" a böngőszőt, valamint legyen benne egy másik div ami a külsőtől 30 pixelre van, de felvegye a külső szélességét.


A probléma az hogy a padding miatt túlnyúlik a külső div, tehát a szélessége 100%+60 pixel lesz, illetve a belső div jobb oldalt nem 30 pixelre van a külsőtől.

Van valami ötletetek, hogy tudnám ezt normálisan megcsinálni?
 
1

100%-ot nem kell megadni

Jano · 2006. Nov. 13. (H), 12.57
A blokk típusú elemek (ilyen a DIV is) alapból 100% szélesek, pontosabban kitöltik a rendelkezésükre álló teret széltében. Tehát egyszerűen hagyad el a 100% megadást mindkét DIV-ből.
2

Ja

Anonymous · 2006. Nov. 13. (H), 13.56
Igen, erre közben rájöttem, most viszont az a problémám, hogy ha pl. megadok egy divnek 70%-ot, egy mellette lévő másiknak 30at és ha a 70%-osban a tartalom túlnyúlik a 70%-on (tehát pl. 800*600-ban 560 pixelnél nagyobb a tartalom) akkor nyúlnia kéne a 70%os divnek is. Ezért beállítottam display: table-re, amitől nyúlis is, viszont a mellette lévő div lekerül a 70es alá, mert ugye már nem fér ki. Szóval hogyan tudom azt megoldani, hogy ha a két div szélessége nagyobb mint 100% akkor jelenjen meg a görgetősáv alul és ne tegye egymás alá a két divet?