ugrás a tartalomhoz

Archívum - Okt 6, 2009

CSS segítséget kérek

fisher · 2009. Okt. 6. (K), 14.16
Kicsit kezdek megőrülni, már a w3c "Visual formatting model"-jét olvasgatom kínomban
de nem tudok rájönni, hogy hogyan lehetne megoldani azt, ami nekem kéne:

<html>
<head></head>
<body>

<div style="margin-left: auto; margin-right: auto; width: 400px; border: 1px solid red; position: relative;">

 <div style="top:10px; left: 10px; height:40px; width:40px; border: 1px solid green; position: relative;">
 </div>

 <div style="top:10px; left: 60px; height:25px; width:40px; border: 1px solid black; position: absolute;">
 </div>

 <div style="top:40px; left: 60px; width:40px; border: 1px solid blue; position: absolute;">
 Abrakadabra<br>
 Abrakadabra<br>
 Abrakadabra<br>
 Abrakadabra<br>
 Abrakadabra<br>
 Abrakadabra<br>
 </div>

</div>
http://fisher.hu/t1.html

A probléma az, hogy a "piros" keret nem fogja körbe az "Abrakadabra" részt, pedig az kéne, de nagyon.

Részemről nem vagyok webész, csak én kaptam a nemes feladatot, hogy a céges weblapot megcsináljam, és most nagyon jó nekem.