webForumDet fria alternativet

Problem med höjd av divar

5 svar · 366 visningar · startad av Gagge68

Gagge68Medlem sedan maj 20062 inlägg
#1

Hej! Börjar med att slänga in en bild på själva problemet så ni förstår bättre vad jag menar sen, för det kommer säkert låta väldigt luddigt det hela :)

Bild på problemet:
Klicka här.

Som ni ser på bilden så är den uppbyggd på detta vis:

[Logo, X pixlar hög]
[Liten meny, X pixlar hög]
[Meny1, 100% hög] - [Innehåll, 100% hög] - [Meny2, 100% hög]

Det är så att jag vill ha allt det som är under [Liten meny] ska vara 100% högt,
så det anpassar sig efter sidan. Men om ni kollar på bilden så blir sidan högre än själva sidan (dom röda strecken). Har försökt förbannat mycket, men inte lyckats.

Så, är det någon som kan hjälpa mig med detta? Så dom 3 divarna under [Liten meny] blir anpassade efter sidan? 100% höjd alltså.

Hoppas nån förstår vad jag menar!
Tack!

DykarnMedlem sedan mars 2005149 inlägg
#2

Kan du inte bara lagga allt i en central div?

cayaMedlem sedan aug. 20051 448 inlägg
#3

enklast är att sätta en "tredelad" bakgrund på "contain" och så blir allt så långt som krävs...

exempel

<div id="contain">
<div id="logo">logo</div>
<div id="meny">liten meny</div>
<div class="submeny">meny 1</div>
<div id="content">innehåll</div>
<div class="submeny">meny 2</div>
</div>

glöm inte att sätta en "skip to content" inom logo eftersom det blir så mycket scroll till innehållet om css'en är avstängd.

Gagge68Medlem sedan maj 20062 inlägg
#4

Tack så mycket, skall kolla upp det där senare :)

Funkade inte :( Möjligt att jag gjort fel, men såhär ser sidan ut nu:

http://www.cyanide.nu/test

Content och Menyerna blir för långa, dom ska sluta precis i slutet av själva fönstret men dom fortsätter en längre bit ner + att jag inte får mer sista biten av container :(

Min CSS:
http://www.cyanide.nu/test/default.css

cayaMedlem sedan aug. 20051 448 inlägg
#5

det är för att du satt 100% på container, då blir container bara så mycket som fönstret är stort när sidan laddas.

NiponMedlem sedan juli 2003270 inlägg
#6

:)

Oavsett om du har 100% på container eller inte fungerar det inte med en höjd på 100% i dina divvar. Det blir 100% + höjden på divvarna ovanför menyerna och innehållet.

De 100% beräknas också från webläsarfönstrets höjd när det öppnas ( som caya skrev ) - det funkar inte! Har du mer text kommer den att flyta utanför.

Tips! Skriv in mer text i dina divvar när du testar!

Här är också några andra färska trådar i ämnet:

http://www.webforum.nu/showthread.php?t=143417
http://www.webforum.nu/showthread.php?t=143413

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