Hallo,
ich hoffe das ist das richtige Forum
Ich habe ein Problem mit CSS - zumindest glaube ich das es an CSS liegt
Das ist mein Quellcode:
Wenn der Browser im maximierten Fenster geöffnet ist, ist alles super positioniert. Auch im halbierten Fenster sieht es nicht schlecht aus, wenn dort nicht der große Abstand zwischen der Box "Oben" und der Box "Links" wäre. Ich habe leider keine Ahnung, wo hier der Fehler liegt
cssproblem.PNG
Ich hoffe, jemand kann mir helfen
Beste Grüße,
Fabian
ich hoffe das ist das richtige Forum
Ich habe ein Problem mit CSS - zumindest glaube ich das es an CSS liegt
Das ist mein Quellcode:
HTML-Code:
<style> #oben { position:absolute; top:10px; left:5%; right:5%; height:200px; border: 1px dashed #000; } #links { position:absolute; top:250px; left:5%; width:10%; border: 1px dashed #000; } #mitte { position:absolute; top:250px; left:25%; width:40%; border: 1px dashed #000; } #rechts { position:absolute; top:250px; right:5%; width:20%; border: 1px dashed #000; } @media screen and (max-width: 1000px) { #oben { position:relative; left:5%; width:90%; height:200px; border: 1px dashed #000; } #links { position:relative; left:5%; width:90%; height:200px; border: 1px dashed #000; } #mitte { position:relative; left:5%; width:90%; height:200px; border: 1px dashed #000; } #rechts { position:relative; left:5%; width:90%; height:200px; border: 1px dashed #000; } } </style> <div id="oben">Oben</div> <div id="links">Links</div> <div id="mitte">Mitte</div> <div id="rechts">Rechts</div>
cssproblem.PNG
Ich hoffe, jemand kann mir helfen
Beste Grüße,
Fabian
Kommentar