Siden blir forskjellig i IE og FF

[Lerbakk]

Jeg har kodet denne siden med HTML/CSS, Jeg er litt rusten nå i og med at det er rundt 2 år siden jeg har drevet på med dette :- s

Men uansett, så blir siden perfekt i IE, men headeren blir for liten i Firefox.

Noen som får til å hjelpe?

Latterlig Lett


*om noen kunne koden for å fjerne den lille "openrommet" på toppen, hadde dette vært fint

 

[Magne Thyrhaug]

Et eksempel på en quickfix er å legge til float:left på div#header2 og clear:left på div#hmeny. Jeg har ikke testa dette i IE, men det burde vel sikkert funke greit der også.

En litt mer oversiktelig løsning kan for eksempel være:
- En div som dekker hele headeren, så bakgrunnsbildet i denne vil være hele bladet. Da slipper du å måtte dele det opp. Sett også position:relative på denne
- Ha "Latterlig lett"-teksten i en element som ligger i div-elementet i forrige punkt. Sett absolutt posisjon, og passende right- og top-attributter.

Så:

<div style="position:relative;background-image:.....;....">
<div style="position:absolute;right:10px;left;10px;"><img .../></div>
</div>
// meny og "innhold" kommer her.

 

[Lerbakk]

Takk skal du ha!

Jeg skal teste dette : -)

Edit*

Dette funka, men jeg fikk ikke bort det lille 5-10 px. openrommet i toppen av siden, men topicet her var vel for det meste for å få siden lik i nettleserne : - )
Takk skal du ha! :- D

 

[Magne Thyrhaug]

Supert at det fungerte. For en lite halvtime, mens jeg sto i dusjen av alle ting, kom jeg på at det holder jo å sikkert på sette clear:left på div#header2!

(Måtte få det ut!)

 

[Bjørnar]

en uskreven grunnregel, er å alltid nullstille margin og padding;

* {
   padding:0px;
   margin:0px;
}

Det gjør at forskjellige nettlesere har likt utgangspunkt.