Siden vises helt feil i IE, men ikke i Opera ++

[Flames]

Heihei

 

jeg tenkte det var på tide at jeg prøvde meg på CSS og slikt, så de siste dagene har jeg brukt til litt lesing og utprøving av nye ting.

 

Jeg ble ganske fornøyd med siden iom at det er den første jeg lager med CSS, og alt funket bra i Opera og firefox.. Men i Internet Explorer gikk noe galt.

 

Se selv; blargh

 

 

 

Forresten, ser siden grei ut og sånt? Jeg har gjort mitt beste for å få den validert og slikt. Ikke heelt ferdig enda.. må bare få bort bugginga i Internet Explorer

[Haraldson]

Du har ikke definert noen høyde for headeren, da.

 

Hvorfor bruker du position i det hele tatt? Sett deg inn i flytende layouts !

 

Edit: Se på denne siden, på eksemplene der det står "fluid" under, f.eks

Endret 2. august 2004 av Mr.Berg

[Marvil]

Du må definere en høyde på headerDIVen slik at IE vet hvor høy den skal være..

 

Edit;

Berggutten; "right"

Endret 2. august 2004 av Marvil

[Flames]

Åh.. flytende layouts? hehe, må vel lære meg det heller da. Har du en god tutorial eller noe?

 

Skal høyden på headeren være like stor som selve header-bildet ja?

[Arve Systad]

Hvorfor bruker du position i det hele tatt? Sett deg inn i flytende layouts !

I second that!

 

http://www.thenoodleincident.com/tutorials...sson/boxes.html <= Der er en del å lære ang. akkurat det

[Haraldson]

Skal høyden på headeren være like stor som selve header-bildet ja?

[Flames]

Takker Arve!

 

Er helt ny innen dette, så jeg blir nok å bruke denne natten til lesing og!

 

 

Edit: Takk for raske svar. Dere er toppen!

Endret 2. august 2004 av Flames

[Arve Systad]

Du burde forresten gjøre headeren din om til et <h1> element

Slik har du det no:

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

Dette burde vere:

<h1 id="header">Navn-på-side</h1>

 

Og du kan style den slik:

#header {
margin: 20px 0 0 20px; /* Top høgre bunn venstre */
border: 1px dashed #999; /* Samle tre egenskaper til èn */
height: 0 !important;
height/**/: X /* X er høgden på din headergrafikk */
padding: X 0 0 0; /* X er høgden på din headergrafikk */
overflow: hidden;
display: block;
}

 

Så skal den sjå omtrent identisk ut, men vere heilt semantisk korrekt

Legg gjerne på litt bunn-margin om du gjør resten av layouten flytande også

[Flames]

Hmm, dette gikk ikke helt bra.. :\

[Flames]

Hum, nå ble den helt ok i Opera men den er helt herpa i IE

 

Edit: Nå ser siden grei ut i både Opera og IE, men jeg får ikke validert css-tingen.. Jaja, trøtt nå. Får lære mer i morgen.

 

 

Jeg la merke til en ting i Internet Explorer.. Det kommer en delvis svart ramme rundt banneren, og jeg aner ikke hvorfor.

 

Endret 2. august 2004 av Flames