<div> strekker seg ikke i høyden i FF [LØST]

[kroekkete]

Hjelp! Nå tror jeg jeg har stirret meg blind på et problem jeg har.

 

Hvis dere følger denne lenken ser dere at <div class="overskrift> oppfører seg som forventet i Opera og IE, men ikke i Firefox. Er det noen som kan se hva jeg gjør galt?

Lenken til stilarket finnes her.

Om ønskelig kan jeg godt legge ut koden her...

 

På forhånd takk!

 

Mvh Primaxx

Endret 10. februar 2005 av primaxx

[potetskrell]

Du kan jo slenge på min-height til divven. Men vet ikke helt om jeg forstår. Du vil at den skal strekke seg noe lengre enn alle lenkene? Og ikke 100% nedover sida?

[kroekkete]

Du kan jo slenge på min-height til divven. Men vet ikke helt om jeg forstår. Du vil at den skal strekke seg noe lengre enn alle lenkene? Og ikke 100% nedover sida?

Du må nesten se det både i FF og Opera(IE) for å se hva jeg mener.

 

Kort fortalt har jeg en boks (<div>) som har et bakgrunnsbilde. Jeg har i tillegg en overskrift (<h3>) og en del <p>'er.

Bakgrunnsbildet skal kun vises bak overskriften.

 

Problemet dukker opp når jeg har denne div'en to ganger etter hverandre. I FF legger div nr 2 seg oppå teksten i div nr 1. (De skulle stått etter hverandre nedover).

 

Hmm, vanskelig å forklare uten å legge ved et bilde...

 

Edit: Legge ved bilde...

 

Edit igjen: Den skal strekke seg så langt som den har innhold.

Endret 10. februar 2005 av primaxx

[N*]

dropp div-class="overskrift" og skriv menyen i en uordnet liste.

 

eksempel:

<h3 class="hoyre">Innhold:</h3>

<ul class="menyliste">

<li><a href="blabla">forsiden</a></li>

<li><a href="blabla">forsiden</a></li>

<li><a href="blabla">forsiden</a></li>

<li><a href="blabla">forsiden</a></li>

</ul>

 

edit: bakgrunnsbildet kan du ha i h3.

Endret 10. februar 2005 av N*

[kroekkete]

Takk, det virker.

 

-Men hvorfor virker det ikke med <p> ?

 

Mvh Primaxx

[N*]

det virker sikkert med <p>. men det er uansett feil. p er for paragrafer/avsnitt. mens ul er for lister. og menyen er en liste.

[kroekkete]

Jeg er enig at det er semantisk feil, ingen tvil om det.

 

Men nå gjorde jeg faktisk ikke annet enn å bytte ut <p> med <li>, med en <ul> rundt, og da oppførte det seg som jeg ville i FF også. Det må være noe jeg hadde gjort med de <p>'ene i stilarket mitt som var galt.

(Hvis ikke FF bare har begynt å akseptere semantisk riktig skrevne sider da?)

 

 

Takk for hjelpen uansett!

 

Mvh Primaxx