2-Spalten Layout - Problem (inkl. Beispiel)
Philippé
- css
Hallo,
ich habe ein Problem mit einem 2 Spalten Layout.
Design besteht aus Header, Inhalt, einer rechts ausgerichteten Navi-Box und einem Footer.
Wie kriege ich es hin, dass die Inhalt-Box immer die gleiche Größe hat wie die Navi-Box und umgekehrt?
Hat jemand eine Idee?
Beispiel:
(Hintergrundbild ist rechts-unten ausgerichtet)
MfG
hi
Hat jemand eine Idee?
beide in ein anderes element packen und ihnen 100% höhe mitgeben.
so long
ole
(8-)>
hi
Hi.
beide in ein anderes element packen und ihnen 100% höhe mitgeben.
So siehts aus:
<body>
<div id="container">
<div id="header">Header</div>
<div id="content">
Inhalt
</div>
<div id="navigation">
<span class="links">Links</span><br />
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>
</div>
<div id="footer">Footer</div>
</div>
</body>
Mit den 100% bei beiden klappt aber nicht.
hi
Mit den 100% bei beiden klappt aber nicht.
weil beide ja nicht in einem element stecken. da stecken ja alle 4 drin.
ein div um "content" und "navigation" und den beiden 100%...sollte funktionieren
so long
ole
(8-)>
weil beide ja nicht in einem element stecken. da stecken ja alle 4 drin.
ein div um "content" und "navigation" und den beiden 100%...sollte funktionieren
Hatte ich bereits probiert. Ändert nichts.
hi
Hatte ich bereits probiert. Ändert nichts.
wie sieht dein css aus?
so long
ole
(8-)>
wie sieht dein css aus?
Hab den unwichtigen Kram rausgehauen:
#content {
float: left;
height: 100%;
margin: 0;
padding: 0;
width: 300px;
}
#navigation {
float: right;
height: 100%;
margin: 0;
padding: 0;
width: 135px;
}
Hi,
height: 100%;
wo ist denn das variabel - wie Du in Deiner Beispielgrafik geschrieben hast?
Mit variabler, an den Inhalt anpepaßter Größe wirst Du das nur schwer hinbekommen.
freundliche Grüße
Ingo
Hallo Philippe,
sieh Dir bitte mal dieses Beispiel an:
< http://barrierefrei.e-workers.de/workshops/2spalten/index.html>
Grüsse aus Neubrandenburg
erika