div Verhältnis an height anpassen

...komplette Frage anzeigen

3 Antworten

Benutz ein Gridsystem, z.B. Bootstrap oder Zurb Foundation.

Sorry. Die vorhergehende Antwort hat net gefunzt:) Raff das Code-System hier nicht:)


Ein div bezieht sich immer auf das Elternelement. Sprich: Dein div steht zwischen den body-tags? Dann gib dem body und html die Höhe und Breite 100% und dem div ebenfalls. Dann nimmt das div die volle Bildschirmhöhe ein, bzw. die Höhe des Elternelementes.

<head>
<style type="text/css">
html, body {width:100%;height:100%;margin:0;padding:0;}
div {height:100%;width:75%;background:rgba(255,0,4,1.00);margin:0 auto;}
</style>
</head>
<body>
<div>Test</div>
</body>



html, body {width:100%;height:100%;margin:0;padding:0;}div {height:100%;width:75%;background:rgba(255,0,4,1.00);margin:0 auto;}

Was möchtest Du wissen?