Just nu i M3-nätverket
Gå till innehåll
hawaii

Divar 100%

Rekommendera Poster

Jag vill göra en sida som täcker hela skärmen i höjdled, men samtidigt har element med fast höjd.

 

Ritat ett exempel nedan med tre stycken divar inuti en div med 100% höjd. Jag vill att #header & #footer ska ha en fast höjd på 100px samtidigt som #content fyller ut resten det lediga utrymmet i #Wrapper. Detta är enkelt med tabeller, men jag vill lära mig xhtml.

 

Jag kan inte skriva 100% höjd på #Content eftersom då kommer den bli lika hög som #Wrapper och då blir det skroll.

 

<div id="Wrapper">

<div id="Header"></div>

<div id="Content"></div>

<div id="Footer"></div>

</>

 

 

#Wrapper

{

height:100%;

}

 

#Header

{

height:100px;

}

 

#Content

{

height: Fylla ut allt ledigt utrymme

}

 

#Footer

{

height:100px;

}

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

nej tyvär så funkar inte det. Då blir #Content 100% av #Wrapper vilket innebär att #header och #footers höjd läggs till och sidan blir högre än det synliga fältet (100% höjd + 100px + 100px = mer än 100%). Om endast #Content hade legat i #Wrapper hade det funkat fint.

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

oh ok, är det på så sätt det inte fungerar.. hmm, jag har själv det problemet, men det går nog att fixa med javascript tror jag. Hur javascriptet ser ut kan jag inte exakt i huvudet..

------------------------------------------------------------

Se om jag är online:

http://www.xfire.com/profile/darkluna/

http://groups-beta.google.com/group/codlers-community/

// Codler

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×
×
  • Skapa nytt...