Auf Thema antworten

Beitrag

[QUOTE="rechords25, post: 12198, member: 3926"]
Hallo!
Ich bin ziemlicher HTML/CSS-Anfänger und möchte in meinem HTML-Dokument ein DIV-Element auf der rechten Bildschirmseite quadratisch haben, d.h. es soll die in Prozent angegebene Höhe in Pixeln per JS abfragen und die Breite dann auf die passende Pixelzahl einstellen. Das klappt auch soweit. Jetzt soll aber der zweite DIV-Bereich den Rest des Bildschirms links (die margin's der beiden DIVs beachtend, also nicht mitgezählt) ausfüllen. Ich habe schon sehr lange dran getüftelt, aber die Lösung nicht gefunden. Wäre schön, wenn ihr mir helfen könntet!
Hier die HTML und style-Datei:

[CODE=html]<html>

<head>

</head>

</div>
        <div class="bott_box">

</body>
</html>

--CSS-Datei--
html {
   overflow-y:scroll;
}

head {
   height:100%;
}

body {
   position:relative;
   height:100%;
   font-family:Arial;
   background-color:#181818;
}

.top_box {
   height:15%;
   width:100%;
   background-color:#fb3344;
}

.bott_box {
   height:85%;
   min-width:100%;
   bottom:0%;
   position:relative;
}

.sq_box {
   position:relative;
   height:90%;
   width:41%;
   top:5%;
   margin-left:1.5%;
   margin-right:1.5%;
   background-color:#252525;
   float:left;
}

.rest_box {
   position:relative;
   height:90%;
   width:50%;
   top:5%;
   margin-left:1.5%;
   margin-right:1.5%;
   background-color:#404040;
   float:right;
}

p, h1, a, ul {
   color:#FFFFFF;
}[/CODE]
[/QUOTE]

Authentifizierung