Torjus Skrevet 18. juli 2006 Del Skrevet 18. juli 2006 (endret) Hei, jeg har 2 div's ved siden av hverandre, og hver div har hver sin footer under seg (som er i en egen div) Slik: Hvis main er høyere enn sidebar så plasseres footerene seg perfekt under divene sidebar og main: Eksempel: http://www.thinkfuzzy.net/galleri.php Men hvis sidebar er lenge enn main så "klumper" footerene seg seg sammen. Eksempel: http://www.thinkfuzzy.net/kontakt.php HTML: Skjult tekst: (Marker innholdet i feltet for å se teksten): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>» thinkfuzzy.net</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="lightbox.js"></script> <script type="text/javascript" src="fixpng.php"></script> <script type="text/javascript" src="cutenews/livesearch.js"></script> </head> <body onload="fixpng(); liveReqInit()"> <div id="header"></div> <div id="wrap"> <div id="sidebarheader"></div> <div id="mainheader"></div> <div id="main"> </div> <!-- slutt main --> <div id="sidebar"> </div> <!-- slutt sidebar --> <div id="sidebarfooter"></div> <div id="mainfooter"></div> </div> <!-- slutt wrap --> </body> </html> Sidebar og sidebarfooter har verdien float: left; Main og mainfooter har verdien float: right; CSS: http://www.thinkfuzzy.net/style.css Noen som skjønner hva som kan være galt her? Jeg tror det er noe med plasseringen av de forskjellige div'ene i HTML fila, men usikker på hvilke(n)? Endret 18. juli 2006 av fUzZy^ Lenke til kommentar
Loomy Skrevet 18. juli 2006 Del Skrevet 18. juli 2006 Ville det ikke vært enklere å putte footerne inni elementet de skal ligge under? Evt. bare drite i hele footer-elementet og kjøre et bunnplassert bakgrunnsbilde på sidebar og main. Lenke til kommentar
Torjus Skrevet 18. juli 2006 Forfatter Del Skrevet 18. juli 2006 Ville det ikke vært enklere å putte footerne inni elementet de skal ligge under? 6511243[/snapback] Det som er problemet er at footeren er gjennomsiktig. Så da vil footeren få hvit bakgrunn, og footeren er bare hvit så man vil ikke se den. Evt. bare drite i hele footer-elementet og kjøre et bunnplassert bakgrunnsbilde på sidebar og main. 6511243[/snapback] Hvordan kan jeg gjøre dette? Ved å bruke: background: url('bildet') bottom no-repeat; og så legge footerene inni hver sin div så vil footeren forsatt få hvit bakgrunn bak seg og man vil ikke kunne se footeren. Lenke til kommentar
haugsand Skrevet 18. juli 2006 Del Skrevet 18. juli 2006 Jeg støtter Loomy sitt forslag. Det finnes vel mange metoder å omgå problemet ditt, og ett av dem er å legge til en ekstra container-div i hver kolonne. Lenke til kommentar
Torjus Skrevet 18. juli 2006 Forfatter Del Skrevet 18. juli 2006 ett av dem er å legge til en ekstra container-div i hver kolonne. 6512652[/snapback] Kan du forklare litt nærmere hvordan jeg kan gjøre dette? Lenke til kommentar
haugsand Skrevet 18. juli 2006 Del Skrevet 18. juli 2006 ett av dem er å legge til en ekstra container-div i hver kolonne. 6512652[/snapback] Kan du forklare litt nærmere hvordan jeg kan gjøre dette? 6512666[/snapback] Ha to div-element med float: left, som utgjør hver sin kolonne. I hver kolonne har du så to elementer til: Først delen med hvit bakgrunn, også footer rett nedenfor. Var den forklaringen grei? Lenke til kommentar
Anbefalte innlegg
Opprett en konto eller logg inn for å kommentere
Du må være et medlem for å kunne skrive en kommentar
Opprett konto
Det er enkelt å melde seg inn for å starte en ny konto!
Start en kontoLogg inn
Har du allerede en konto? Logg inn her.
Logg inn nå