Nok en runde; jeg får altså ikke 100% height!

[-Teddy-]

Det er ørten tråder om det, og jeg har lest de alle. Jeg har prøvd både opp og ned i mente, men jeg får det bare ikke til. IE er snill og grei, men Opera og FF er ikke fullt så greie når det kommer til 100% height. Kan noen hjelpe?

 

http://teddyen.net/wordpress/

 

Alle bilderspesifiseringer er gjort i html.

CSS'en ligger på http://teddyen.net/wordpress/wp-content/th...ddyen/style.css

Det mest aktuelle er når du scroller litt ned, under "struktur".

 

Kan ha bakgrunnen både i #page og i #teddy, men #teddy må eksistere uansett. Nå er den i #page i IE, og i #teddy i FF.

 

EDIT: Har endret siden noe. Nå er bakgrunnen i #page slik at bakgrunnen iallefall repeterer seg der det er innhold. Orket ikke slite mer med det ikveld.

Endret 7. november 2006 av -Teddy-

[Arve Systad]

Her har eg brukt ein fungerande metode for 100%-height som fungerar i alle nettlesarar. Sjå litt på koden, du, så bør du finne det ut

[-Teddy-]

Har besøkt den siden der endel ganger, har prøvd endel ganger, har prøvd å slå den sammen med annen 100% height kode endel ganger, har prøvd å bruke en annen løsning på 100% height endel ganger, men uansett hvor endel ganger jeg prøver hjelper den aldri en eneste gang av alle de endel gangene. (Pes, pust litt etter denne setningen.)

 

Har prøvd denne endel ganger: http://stomlien.no/visArt/20/

 

For å forklare litt hvordan koden er bygget opp; Jeg har egentlg en #page som fungerte som #wrap. For å få på plass menyen min måtte jeg ha en #teddy som nå er den absolutt ytterste diven og omfatter alt, #page ligger innenfor den igjen og omfatter alt innenfor. #page er bredden på siden uten menyen på venstre side, og er floatet til høyre innenfor #teddy. Setter jeg bakgrunnen jeg nå har i #teddy på #page istedet, følger bakgrunnen helt til bunnen av #page. Problemet da er at om innholdet i #page ikke er nok til å dekke en hel nettleserside stopper bakgrunnen også der innholdet stopper.

 

Det siste jeg prøvde å legge inn nå var:

html, body{
height:100%;
}

#teddy{
margin: 0 auto;
height: auto!important;
height: 100%;
min-height: 100%;
width: 900px;
}

body {
margin: 0;
padding: 0; 
}

* html #teddy{
height: 100%;
margin:0;
padding:0;
}

 

Dette virket ikke.

Siden ser alltid bra ut i IE tho.

[Arve Systad]

Fordi du har angitt egenskapane til #teddy to gonger. Fjern den nederste deklarasjonen, du - så bør ting løyse seg, trur eg. Har ikkje sett veldig mykje på koden