5 svar · 550 visningar · startad av stevenet
Hej!
Det finns tre kolumner, varav två är aktuella i detta exempel. När #navigation blir högre än #content slutar bakgrunden i #wrapper löpa i Y-led. Fyller jag på med rader i #content så den blir lika hög som #navigation avhjälps problemet. Jag har försökt använda mig av height och min-height: 100% i #content/wrapper utan resultat. Vad göra?
div#wrapper{
float:left;
width:100%;
background-image: url(bg_main.jpg);
background-repeat:repeat-y;
}
div#content{
margin: 0 138px;
width:387px;
}
div#navigation{float:left;width:129px;margin-left:-702px}
du har förmodligen inte lagt till clear:both i slutet
<div class="clear"> >/div>
</div><!-- wrapper end -->
.clear { clear:both }
korrigerar din nuvarande css också
#wrapper {
background:url(bg_main.jpg) top left repeat-y
}
#content {
margin:0 0 0 138px;
width:387px
}
#navigation {
float:left;
width:129px
}
Att man inte kan få separata divvar att bli lika höga är ofta ett helvete. Om du använder Dreamweaver så finns det en gratis plugin (javascript) hos http://projectseven.com som fixar detta.
Om du inte använder DW, så kanske det finns liknande skript nånstans....
Om du däremot sväljer förtreten och lägger in en tabell, så fixar det sig direkt....
stevenet skrev:
Vad göra?
Hmm...
Jag vill bara stillsamt påpeka att det inte är så lätt att gissa utan att se helheten (t.ex. hur dina div-element *egentligen* är nästlade) ;)
Så varför inte antingen lägga sidan i "mina filer" här på wF eller ge oss en fungerande länk till den ?
[r] Kan tas bort
[r] Kan tas bort
