5 svar · 337 visningar · startad av nummersju
Hejsan! Jag undrar hur jag ska få min #content-left att bli 100% hög, alltså att täcka hela innehållet...
https://www.nummersju.net/gute1
Min kod för den ser ut så här just nu:
#content-left {
margin: 4px;
margin-left: 40px;
width: 240px;
background: #FAFAFA;
float: left;
padding: 2px;
border-left: 3px solid #F5F5F5;
clear: right;
height: 100%;
}
edit...
i internet explorer blir den alldeles för stor och i FF så händer ingenting.
Hmm..
Det där är ett klassiskt (och såvitt man vet) olösbart problem beroende på att höjden aldrig ställs in gentemot något fixerat värde
Det du får göra är att lägga in färgen för #content-left i en bakgrundsbild i #container istället.
Aha; smart! Det måste ju vara det bästa :D
Men jag tycker det är lite sjukt att det inte går
att göra med css 100% ^^
Det går, om man ignorerar IE6. ;)
html, body { height:100%; margin:0; padding:0; }
body { display:table; width:100%; }
body > div { display:table-cell; border:solid; }
<body>
<div>vänster kolumn</div>
<div>höger kolumn</div>
</body>
:)
Men det går inte att ignorera IE då de flesta använder det.
Med det säger jag inte att jag gillar IE mer än FF!
Hmm..
Kanske borde förtydliga lite...
Man kan förmodligen fixa det mesta med lite fiffig Javascript...
Här är en idé i *den* riktningen (men det är klart - alla sådana lösningar kräver att man kan acceptera att det inte blir helt som man avser om besökaren stängt av Javascript - men kommenterar man scriptkoden så att den bara körs i MSIE så kanske man kan leva med det trots allt ;) )