min første HTML/CSS sak, uten tabeller ;)

[jorgis]

padding/margin?

Endret 27. mai 2004 av jorgenindahouse

[johanf]

jeg mener jeg har testa og prøvd det meste når det gjelder padding og margins, men det blir liksom bare feil.

 

Mest av alt ville jeg vel ha en div til, men det går kanskje ikke med mitt oppsett. Jeg tror jeg får se litt på posisjoneringen og finne på noe lurt.

 

_

johanf

Endret 27. mai 2004 av johanf

[johanf]

Okay, jeg fant ut hva jeg skulle gjøre med div'ene, når det gjaldt luften jeg ville ha i bunnen. Og så tenkte jeg at jeg kunne putte valideringen i en footer div.

 

Men(!) - den er totalt (okay, iallfall litt) forskjellig i IE og Opera. I Opera oppfører den seg nesten som forventet. Plasseringen av selve div'en er riktig, men teksten havner utenfor!

 

I Internet Explorer oppfører den seg riktig når det gjelder plassering av tekst, men selve content div'en er forskjøvet 2px mot høyre!?

 

Detta er bare teit ... hehe - noen som har tips?

 

_

johanf

[Cucum(r)]

<!--[if IE]>
<style>
div.content {
2 px mindre
}
</style>
<![endif]-->

Endret 27. mai 2004 av SirIce

[Dunestar]

Dunestar, enig med deg om underline.

Det ble meget bra, men kjør litt tydeligere mouseover-farge.

På eldre, mørke skjermer med dårlige innstilling, og slike ting

blir mouseoveren usynlig. Lekkert på en godt kalibrert skjerm,

men det handler om å nå folkemassene!

[johanf]

God morgen (dag?) igjen folkens.

 

Jeg fiksa så alt står riktig ved å legge inn en div til, som flyter til høyre. Dette for å kompensere for meny div'en som flyter til venstre. Nå blir selve inneholds div'en sentrert. Jeg vet ikke om dette er en "fullgod" løsning, men det funker iallfall.

 

Mitt siste problem nå er at selve footer div'en ikke ser lik ut.

 

Her er hvordan det ser ut i Internet Explorer - sånn det skal se ut!

 

 

Her er hvordan Opera viser det, ikke helt fornøyd her nei.

 

 

Den gule fargen er bare der for å vise hva som skjer med størrelsen på selve feltet.

 

Jeg vet jeg fikk det til å se riktig ut i begge browserene tidligere idag, men jeg må ha fjerna koden som fiksa det. Teit ...

 

_

johanf

[johanf]

Visual yum-yum ...

oops - det ser ut til at jeg har hermet litt etter deg, med dine ../ saker - det så jeg ikke før nå.

 

Jeg får se om jeg finner på noe annet. Kanskje bilder istedenfor ren tekst.

 

_

johanf

Endret 28. mai 2004 av johanf

[Loomy]

Hadde faktisk samme problemet med Firefox (og muligens Opera) så sent som i går. Det viste seg at FF tok med default margin-verdier på p-elementet - noe som skapte en unødvendig høy footer. Så løsningen var altså å gi det aktuelle p-elementet en egen margin på rundt 2 px.

[johanf]

Hadde faktisk samme problemet med Firefox (og muligens Opera) så sent som i går. Det viste seg at FF tok med default margin-verdier på p-elementet - noe som skapte en unødvendig høy footer. Så løsningen var altså å gi det aktuelle p-elementet en egen margin på rundt 2 px.

Loomy, takk skal du ha!

 

En liten

 

margin: 0 auto;

 

hjalp som bare det!

 

_

johanf