Hallo liebes Forum!
Ich hab eine Seite die besteht aus 3 divs und schaut auf normalen Bildschirmen gut aus. Exkurs: Ein normaler Bildschirm hat exakt die gleich Größe wie mein Bildschirm;-)
Das clear:left fürs DIV3 gibts für sehr große Bildschirme, denn im DIV3 ist ein "Aktionsmenu" für die beiden anderen divs, daher soll es unter diesen stehen.
_____________________________ _______________
| | | |
| DIV1 | | DIV2 |
| | | |
| widht:581px, height: 420px | | overflow: |
| float:left | | auto |
| | | float:left |
| | | |
| | | |
|_____________________________| |_______________|
_______________________________________________
| ____________ ____________ ________ ___ |
| |li float lft| |li float lft| |li float lft||
| ------------ ------------ ------------ |
| DIV3 mit clear:left |
| + vertikale ul-Liste |
|_______________________________________________|
Auf kleinen Bildschirmen, bzw. bei weiniger Auflösung, schaut die Sache dann so aus:
_____________________________
| <
| DIV1 >
| <
| widht:581px, height: 420px >
| float:left <
| >
| <
| >
|_____________________________<
_______________
| |
| DIV2 |
| |
| overflow: |
| auto |
| float:left |
| |
| |
|_______________|
_______________
| ____________ |
||li float lft| ¦
| ------------ |
| __DIV3______ |
||li float lft| |
| ------------ |
| ____________ |
||li float lft| |
| ------------ |
---------------
Meine Frage: Gibts eine Möglichkeit, daß bei kleinernen Bildschirmen, das DIV3 sich rechts vom DIV2 platziert?
Danke
Viennamade