Max Smily: Webdesign mit absoluten DIVs

Beitrag lesen

Hallo,

Nur ganz grob eine Idee:

|-----------------------------------------------------------|
| position:relative; widht:730px;                           |
| margin-left:auto; margin-right:auto;                      |
|                                                           |
| |-------------------------------------------------------| |
| | position: absolute; widht:100%; height:80px;          | |
| |                                                       | |
| |-------------------------------------------------------| |
| |--------------|  |-------------------------------------| |
| | position:    |  | position: relative;                 | |
| | absolute;    |  | top:140px; left:180px;              | |
| | top:140px;   |  | width:500px;                        | |
| | width:160px; |  |                                     | |
| |              |  |                                     | |
| |              |  |                                     | |
| |              |  |                                     | |
| |              |  |                                     | |
| |              |  |                                     | |
| |              |  |                                     | |
| |--------------|  |-------------------------------------| |
|-----------------------------------------------------------|

So ähnlich hab ich es mal umgesetzt. Kann sein, dass einiges in der Kürze etwas ungenau beschrieben ist. Soll nur ein Denkanstoß sein.

Auf jeden Fall positioniert man ein Haupt-Div, in dass man dann die anderen Div-Elemente einsetzt. Diese orientieren sich mit ihren Startkoordinaten an dem Hauptdiv und nicht mehr am Browserfenster.

Mit position: relative können variable Abmessungen erreicht werden, so dass sich die Divs bei längeren Textmengen z. b. in der Höhe anpassen.

Max