<case closed> HASTER: CSS trøbbel!

[kvikks]

Driver å skal ha inn dynamisk høyde på en side, men får ikkje #container til

å utvide seg i tråd med #innhold-container. Har aldri hatt behov for dynamisk

høyde før så litt nytt, håper noen kan gi et godt tips.

 

Så hvordan få #container til å forholde seg til #innhold-container.

 

 

NB: nå er position plassert til absolute på #innhold-container, dette fordi det

er det eneste som gir korrekt visning av denne div'en.

 

 

HTML: http://www.nnl.no/NO/default.asp

CSS: http://www.nnl.no/NO/styles/main-layout.css

 

 

Merk:

Kommentarer på andre ting er uønsket, både css, html og design er uferdig.

Endret 3. september 2004 av kvikks

[Loomy]

Blir #container for "lav" (andre div'er kommer "utenfor") eller er det slik at den har en fast høyde, og ikke blir "lavere" når det er lite innhold?

 

Hvis førstnevnte:

Prøv å sett en hr med display:none og clear:both under #innhold-container'en

[kvikks]

Blir #container for "lav" (andre div'er kommer "utenfor") eller er det slik at den har en fast høyde, og ikke blir "lavere" når det er lite innhold?

 

Hvis førstnevnte:

Prøv å sett en hr med display:none og clear:both under #innhold-container'en

#container blir for lav ja, nå ser man ikkje det pga min-height på denne...

 

Skal teste hr

[kvikks]

hr fungerte ikkje, må vel endre position på #innhold-container også?

[Loomy]

Kan du legge ut et eksemplar av siden med problemet? Blir litt lettere å finne en løsning når jeg kan EditCSS'e med Web Developer Toolbar'n

[kvikks]

Kan du legge ut et eksemplar av siden med problemet? Blir litt lettere å finne en løsning når jeg kan EditCSS'e med Web Developer Toolbar'n

Denne f.eks:

http://www.nnl.no/NO/stiftelsen.asp

 

Her ser du teksten gå over footer.

[Wizendraw]

http://www.alistapart.com/articles/fauxcolumns/

 

Der har du en måte å løse problemet på, det eneste alternativet er vel overflow:auto; ?

[haugsand]

Blir #container for "lav" (andre div'er kommer "utenfor") eller er det slik at den har en fast høyde, og ikke blir "lavere" når det er lite innhold?

 

Hvis førstnevnte:

Prøv å sett en hr med display:none og clear:both under #innhold-container'en

Et element sine egenskaper har ingen effekt, så lenge elementet er display: none. hr må skjules, og ikke fjernes

 

http://www.sovavsiti.cz/css/hr.html

[kvikks]

Fungerte dårlig med <hr /> også, det var som!

Endret 1. september 2004 av kvikks

[joffar]

Fungerte dårlig med <hr /> også, det var som!

kan det være #container som skaper problemer..

 

Prøv å legg inn en synlig border i alle divene dine slik at du ser hvor de ender ...

Det gjør det litt lettere å finne feil i noen tilfeller...

[Zethyr]

prøv å endre visibility på hr'n din, ikke display...

[kvikks]

#container lager trøbbel i så måte at den ikkje følger etter når #innhold-

container utvides når den blir lengre enn min-height på #container.

 

<hr> fungere ikkje, har testet uten å skjule den, men den blir bare liggende

under footer... uten noe meining.

 

Men #innhold-container står med poition:absolute -> er ganske sikker det er

her det største problemet er. Absolute overstyre jo de andre div'ene..

 

Har prøvd å fjerne position, testet margin på #innhold-container for å få plassering

rett samt ingen position. det ble bare tull.

 

hm

[joffar]

Har du prøvd med #container uten position, deretter legge inn resten av id(#) divene som position:relative;

 

Virker som #container ikke ser at det er noe innenfor div... Dersom min-height fjernes kollapser den og blir liggende øverst på siden. det samme med hr... bare gjetting her nå, men er innhold-container satt som block? vet ikke om det hjelper da...

Har du lekt litt med z-index ene? se om det hjelper?

Kikket litt på det hjemme igår, men er på jobben nå so....

Endret 2. september 2004 av joffar

[kvikks]

Har du prøvd med #container uten position, deretter legge inn resten av id(#) divene som position:relative;

 

Virker som #container ikke ser at det er noe innenfor div... Dersom min-height fjernes kollapser den og blir liggende øverst på siden. det samme med hr... bare gjetting her nå, men er innhold-container satt som block? vet ikke om det hjelper da...

Har du lekt litt med z-index ene? se om det hjelper?

Kikket litt på det hjemme igår, men er på jobben nå so....

Skal teste dette i morgen! Har uansett kommet litt på vei, og kommet frem til at

eg kan gjøre det litt enklere ved å slice grafikken litt anderledes. Både header

og footer er gjort på en merkelig måte (skjønner ikkje hva eg har tenkt på)

[kvikks]

Yup, da fikk eg det til, var en <div> med statisk høyde som ødela. fillefeil.

IE er selvsagt helt herpa, men vet iallefall at det er rett da