webForumDet fria alternativet

CSS-problem. 100% höjd strul

7 svar · 654 visningar · startad av visslaren

visslarenMedlem sedan juli 20011 222 inlägg
#1

Håller på att knåpa ihop ett nytt litet admin till en sida och har stött på lite problem. Sidan ska vara 100% hög, vilket den gör, iaf i Firefox och Opera. I Internet explorer 6 går den bara ner så långt det finns innehåll. Så det skulle jag behöva lite hjälp med.
Ett annat problem som jag har är att menydelen inte vill gå ner ända ner. jag har en div med menyn i och diven har en border på höger sida som är tänkt att löpa ända ner. Detta problem sker i alla tre läsare.
I Firefox har jag även provlet att innehållet gör ut längre än bakgrundsplattan. dvs de sticker ut nertill pga att plattan slutar istället för att följa med. Jag har dragit slutsatsen att detta har att göra med att jag har float:left på innehålls-diven vilket jag måste ha för att få ordning på kolumnerna.

Jag har lagt upp sidan här; http://www.retry.se/temp/retry_cms/main2.php
css-filen; http://www.retry.se/temp/retry_cms/system_retry_csm2.css

namnen på berörda divs är #container, #main och #menu

Nån som kan hjälpa mig lite? :)

TengbladMedlem sedan dec. 19998 277 inlägg
#2

/r felpost

bruphotoMedlem sedan dec. 200348 inlägg
#3

Problemet i Firefox kan avhjälpas med att du sätter in <br style="clear:left;" /> efter menyns slut.

/Lars

visslarenMedlem sedan juli 20011 222 inlägg
#4

Hmm, det hjälpte inte. satte jag det efter </ul> så hände inget. Satte jag det efter </div> så hamnade #main under #menu.

tantenMedlem sedan nov. 20051 596 inlägg
#5

Nu sitter jag vid en dator som är väldigt "trasig" som släcker ner sig om jag försöker ändra storleken på fönstret m.m. så nu blir det en fråga... :)
Försvinner inte din meny om du förminskar fönstret? Vill du ha det så?
Din container innehåller både centrering och bakgrundsfärg och jag skulle nog ha haft detta i två olika divar i stället.
Bakgrundsfärg följer med ner med float:left men då försvinner centreringen.
Så en ny div runt allt ihop med bredd och som centreras med margin:auto i stället för % och minus.marginal.
Och så float:left på containern är mitt förslag på lösning. Men inte den enda som finns.

visslarenMedlem sedan juli 20011 222 inlägg
#6

Heh, att menyn försvann hade jag inte ens tänkt på. Har alltid programmen maximerade. :)
Tack, nu är det lilla problemet fixat iaf samt att bakgrunden går ner längre än innehållet som det ska.
Fast nu så går inte bakgrunden ner till webläsarens botten längre om det finns för lite innehåll för att sträcka ut det långt. Nu är det bara det kvar att fixa samt att meny-diven inte vill gå ända ner.

Har nu uppdaterat filerna på servern; http://www.retry.se/temp/retry_cms/main2.php
css-filen; http://www.retry.se/temp/retry_cms/..._retry_csm2.css

tantenMedlem sedan nov. 20051 596 inlägg
#7

Har du testat med bruphoto:s förslag?
Det är besvärligt att få med sig border ner. Jag tror de flesta väljer att ha en bakgrundsbild bakom de två kolumnerna i stället.
Om man vet att menyn alltid kommer att vara kortare än innehållet så kan man sätta bordern på den andra kolumnen i stället. Men det är svårt på din eftersom du har grått innan den vita randen kommer. Men kika runt här i detta forum. Det finns många som tampats med samma sak och lösningarna har varit lite olika.

visslarenMedlem sedan juli 20011 222 inlägg
#8

Woohoo! nu fungerar det.

Tack för tipset om att lägga randen i bakgrundsbild. Har testat detta vid ett tidigare tillfälle, men det slog mig inte att göra det nu när lite andra problem var lösta. Fick lägga bakgrundsbilden i både #container och #wrapper, men nu fungerar det i ff, opera och ie6. :)

Tack för hjälpen!

135 ms totalt · 3 externa anrop · v20260731065814-full.3c108eb9
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
132 ms — hämta tråd, inlägg och bilagor (db)