Autor Zpráva
juan
Profil *
muze mi nekdo, prosim poradit, jak v tomhle pripade http://www.juanito.webz.cz/bottomproblem.html zarovnat blok textu na bottom cerny plochy? pokousim se najit reseni nikoliv v zakladnim stylopisu, ale v tom konkretnim <div>u, tak abych mohl stridave zarovnavat nahoru a dolu, podle potreby ... diky za pripadnou radu.
Dero
Profil
IMHO takto:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>bottomproblem</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<meta http-equiv="Content-Language" content=cs>
<style>
body {margin:0; padding:0; }
#bodybox {position: absolute; top: 120px; left: 0px; width: 263px; height: 250px; background-color: #FF99FF;}
.box {width: 222px; height: 202px; margin: 24px 17px 24px 24px; background-color: #000000; font: 9px/12px Verdana, Arial, Helvetica, Geneva, Swiss; color: #a6a6a6; text-decoration: none; position: relative; }
</style>
</head>
<body>

<div id="bodybox">
<div class="box">
<div style="position: absolute; bottom: 0;">
<h1>nadpis</h1>Hurikán Rita, který míøí k texaskému pobøeží, ponìkud zeslábne, ale stále bude nebezpeèným živlem, který mùže zpùsobit katastrofální škody. Prezident George Bush ujistil, že úøady poèítají s možností toho nejhoršího.<br>
</div>
</div>
</div>
</body>
</html>
habendorf
Profil
Ne, musí tam být <div style="position: absolute; bottom: 24px;">
Dero
Profil
habendorf: Proč?
habendorf
Profil
Dero: Protože jsem si nevšiml, že jsi do .box doplnil position:relative (neroloval jsem doprava). Pak samozřejmě bottom:0 je správně. Sorry.
Jde to i bez té relativní pozice, ale pak to právě musí být 24px (neboli hodnota dolního marginu na .box).
Dero
Profil
habendorf: Tak, tak... díky za doplnění.
juan
Profil *
dekuju vam obema za cenou pomoc, dero i habendorf :)
Toto téma je uzamčeno. Odpověď nelze zaslat.

0