ugrás a tartalomhoz

Archívum - Okt 6, 2009 - Fórum téma

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:
  1. <html>  
  2. <head></head>  
  3. <body>  
  4.   
  5. <div style="margin-left: auto; margin-right: auto; width: 400px; border: 1px solid red; position: relative;">  
  6.   
  7.  <div style="top:10px; left: 10px; height:40px; width:40px; border: 1px solid green; position: relative;">  
  8.  </div>  
  9.   
  10.  <div style="top:10px; left: 60px; height:25px; width:40px; border: 1px solid black; position: absolute;">  
  11.  </div>  
  12.   
  13.  <div style="top:40px; left: 60px; width:40px; border: 1px solid blue; position: absolute;">  
  14.  Abrakadabra<br>  
  15.  Abrakadabra<br>  
  16.  Abrakadabra<br>  
  17.  Abrakadabra<br>  
  18.  Abrakadabra<br>  
  19.  Abrakadabra<br>  
  20.  </div>  
  21.   
  22. </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.