---

Hej!
Jeg har fået en del kritik på mit gamle mørke og lidt dystre
design, så fik taget mig sammen til at lave et nyt, og i samme
omgang opdatere til XHTML 1.0 istedet for HTML 4.01 ! Nå, men
anyways. hehe. Jeg har fået min side til at se (skide) flot ud,
hvis jeg selv skal sige det, (og nogle venner er enige:), men mit
problem er at i IE bliver mit overskrift's billede ikke vist
korrekt i forhold til i Mozilla/Firefox! Hvordan kan jeg rette
den fejl? I min .css fil ser overskrift's placeringen sådan ud:

overskriftoeverst {
margin-top:50px;
margin-right:auto;
}

.. Hvad kan jeg gøre for at den vises ens i begge browsere ?
Håber nogen kan hjælpe! På forhånd, tak..

Mvh p0ulsen
http://p0ulsen.frac.dk

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

On 19 Oct 2005 20:50:58 GMT, Jesper Poulsen <p0ulsen90@gmail.com>
wrote:

>mit
>problem er at i IE bliver mit overskrift's billede ikke vist
>korrekt i forhold til i Mozilla/Firefox! Hvordan kan jeg rette
>den fejl?

Det er jo svært at svare fornuftigt på, når du ikke fortæller, hvad du
gerne vil opnå.
Hvis det er siden nederst, du mener, så start med at validere CSS'en.
Ikke-valid CSS kan give nogle underlige fejl ...

<snip>
>http://p0ulsen.frac.dk

Good luck,
Jørn

--
Jørn Andersen,
Brønshøj

---

> >mit
> >problem er at i IE bliver mit overskrift's billede ikke vist
> >korrekt i forhold til i Mozilla/Firefox! Hvordan kan jeg rette
> >den fejl?
>
> Det er jo svært at svare fornuftigt på, når du ikke fortæller, hvad du
> gerne vil opnå.

Det synes jeg giver sig selv ? Men det gør det måske ikke. Jeg vil gerne
ha' overskriften skal være ens placeret i Mozilla og IE..

> Hvis det er siden nederst, du mener, så start med at validere CSS'en.
> Ikke-valid CSS kan give nogle underlige fejl ...

Ja, er ved at validere det nu. Havde ikke lige set der var sneget sig et
par fejl ind. Men tak:)

> <snip>
> >http://p0ulsen.frac.dk
>
> Good luck,
> Jørn

Tak Jørn!

Mvh p0ulsen
http://p0ulsen.frac.dk

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

"Jesper Poulsen" <p0ulsen90@gmail.com> skrev i en meddelelse
news:4356b1b1$0$41141$14726298@news.sunsite.dk...
> Hej!
> Jeg har fået en del kritik på mit gamle mørke og lidt dystre
> design, så fik taget mig sammen til at lave et nyt, og i samme
> omgang opdatere til XHTML 1.0 istedet for HTML 4.01 ! Nå, men
> anyways. hehe. Jeg har fået min side til at se (skide) flot ud,
> hvis jeg selv skal sige det, (og nogle venner er enige:), men mit
> problem er at i IE bliver mit overskrift's billede ikke vist
> korrekt i forhold til i Mozilla/Firefox! Hvordan kan jeg rette
> den fejl? I min .css fil ser overskrift's placeringen sådan ud:
>
> overskriftoeverst {
> margin-top:50px;
> margin-right:auto;
> }
>
> . Hvad kan jeg gøre for at den vises ens i begge browsere ?
> Håber nogen kan hjælpe! På forhånd, tak..
>


indsæt billedet som baggrund i

..overskriftoeverst {
margin-top:50px;
margin-right:auto;
background-image:url(logos/overskrift.gif);
width:748px;
height:50px;
}

--
Venlig hilsen
Marianne
design af: - www.ragdollys-cat-link.dk - www.dhejne.dk
www.formdinfremtid.dk - www.royalmontana.dk

---

Forresten!
I min IE vises en hvid baggrund og blå links!
http://www.mariannes.frac.dk/p0ulsen.jpg

Det er vel ikke planen??

--
Venlig hilsen
Marianne
design af: - www.ragdollys-cat-link.dk - www.dhejne.dk
www.formdinfremtid.dk - www.royalmontana.dk

---

> indsæt billedet som baggrund i
>
> ..overskriftoeverst {
> margin-top:50px;
> margin-right:auto;
> background-image:url(logos/overskrift.gif);
> width:748px;
> height:50px;
> }

Nej, jeg har også et baggrunds billede på 10 x 100 .. Så den metode
fungere desværre ikke :( Jeg skal ha' det til at stå 100 % som det
gør i Mozilla.

Og nej, det er ikke meningen, men nogle gange fungere frac.dk ikke
med IE. Det er lidt underligt de ikke retter op på det, men sådan er
det jo.

Mvh p0ulsen
http://p0ulsen.frac.dk

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

"Jesper Poulsen" skrev
> > indsæt billedet som baggrund i
> >
> > ..overskriftoeverst {
> > margin-top:50px;
> > margin-right:auto;
> > background-image:url(logos/overskrift.gif);
> > width:748px;
> > height:50px;
> > }
>
> Nej, jeg har også et baggrunds billede på 10 x 100 .. Så den metode
> fungere desværre ikke :( Jeg skal ha' det til at stå 100 % som det
> gør i Mozilla.
>
> Og nej, det er ikke meningen, men nogle gange fungere frac.dk ikke
> med IE. Det er lidt underligt de ikke retter op på det, men sådan er
> det jo.
>

Du kan da sagtens ha´ både et baggrundsbillede på siden og et baggrundsbillede
i en div uden problemer!!


--
Venlig hilsen
Marianne
design af: - www.ragdollys-cat-link.dk - www.dhejne.dk
www.formdinfremtid.dk - www.royalmontana.dk

---

Jesper Poulsen wrote:
> Hej!
> Jeg har fået en del kritik på mit gamle mørke og lidt dystre
> design, så fik taget mig sammen til at lave et nyt, og i samme
> omgang opdatere til XHTML 1.0 istedet for HTML 4.01 ! Nå, men
> anyways. hehe. Jeg har fået min side til at se (skide) flot ud,
> hvis jeg selv skal sige det, (og nogle venner er enige:), men mit
> problem er at i IE bliver mit overskrift's billede ikke vist
> korrekt i forhold til i Mozilla/Firefox! Hvordan kan jeg rette
> den fejl? I min .css fil ser overskrift's placeringen sådan ud:
>
> overskriftoeverst {
> margin-top:50px;
> margin-right:auto;
> }
>
> . Hvad kan jeg gøre for at den vises ens i begge browsere ?
> Håber nogen kan hjælpe! På forhånd, tak..
>
> Mvh p0ulsen
> http://p0ulsen.frac.dk
>
Jeg må sige, jeg synes din kode er noget rodet, du blander tabeller sammen
med div'er.

Hvorom alting er, et vilkårligt element, som du kender bredden på,
centreres ved at sætte såvel højre som venstre margin til auto.

Men du skal være opmærksom på, at centreringen sker i forhold til det
overordnede element, her .center-elementet, som du har givet både bredde og
højde.

Anden positionering af dit overskriftselement sker også i forhold til
..center-elementet, så derfor skyder IE de 50 pixel margin-top ind, der hvor
man kan forvente at det sker.

At Firefox ikke gør der er der en forklaring på, som jeg ikke lige kan huske.

summa summarum:

div.overskriftoeverst {
margin: 0 auto;
}

skulle klare sagen.

Med venlig hilsen

Jørgen Farum Jensen
www.webdesign101.dk

---

Jørgen Farum Jensen wrote in dk.edb.internet.webdesign.html:
> Jesper Poulsen wrote:
> > Hej!
> > Jeg har fået en del kritik på mit gamle mørke og lidt dystre
> > design, så fik taget mig sammen til at lave et nyt, og i samme
> > omgang opdatere til XHTML 1.0 istedet for HTML 4.01 ! Nå, men
> > anyways. hehe. Jeg har fået min side til at se (skide) flot ud,
> > hvis jeg selv skal sige det, (og nogle venner er enige:), men mit
> > problem er at i IE bliver mit overskrift's billede ikke vist
> > korrekt i forhold til i Mozilla/Firefox! Hvordan kan jeg rette
> > den fejl? I min .css fil ser overskrift's placeringen sådan ud:
> >
> > overskriftoeverst {
> > margin-top:50px;
> > margin-right:auto;
> > }
> >
> > . Hvad kan jeg gøre for at den vises ens i begge browsere ?
> > Håber nogen kan hjælpe! På forhånd, tak..
> >
> > Mvh p0ulsen
> > http://p0ulsen.frac.dk
> >
> Jeg må sige, jeg synes din kode er noget rodet, du blander tabeller sammen
> med div'er.

Ja, men det fungere da ?

> At Firefox ikke gør der er der en forklaring på, som jeg ikke lige kan
huske.

Ja, det er jo klart :) De er to vidt forskellige browsere ..

> summa summarum:
>
> div.overskriftoeverst {
> margin: 0 auto;
> }
>
> skulle klare sagen.

Njah, ikke helt. Den virker i firefox, men gør ikke i IE. Desværre. Der er
stadig lidt plads. Koden ser nu sådan ud:

overskriftoeverst {
margin: 0 auto;
}

.. Kan du finde et trick eller to til at klare den ?

Mvh p0ulsen
http://p0ulsen.frac.dk

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

"Jesper Poulsen"
>
> Njah, ikke helt. Den virker i firefox, men gør ikke i IE. Desværre. Der er
> stadig lidt plads. Koden ser nu sådan ud:
>
> overskriftoeverst {
> margin: 0 auto;
> }
>
> . Kan du finde et trick eller to til at klare den ?
>

Du har jo en border på 3 px på center! Det gør sikkert forskellen.............
Skal billedet være centreret, eller bare fylde bredden af center?

--
Venlig hilsen
Marianne
design af: - www.ragdollys-cat-link.dk - www.dhejne.dk
www.formdinfremtid.dk - www.royalmontana.dk

---

> Du har jo en border på 3 px på center! Det gør sikkert
forskellen.............

Nej, den er fjernet. Det hjalp ikke..

> Skal billedet være centreret, eller bare fylde bredden af center?

Det skal være centreret over indholdet

Mvh p0ulsen
http://p0ulsen.frac.dk

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Jesper Poulsen wrote:

>>At Firefox ikke gør der er der en forklaring på, som jeg ikke lige kan
>
> huske.
>
> Ja, det er jo klart :) De er to vidt forskellige browsere ..

Det er altså ikke derfor, så forskellige er de to browsere nu ikke på sådan
en simpel ting, da slet ikke når du sætter IE6 i standard modus gennem din
dokumenttypedeklaration.

>>div.overskriftoeverst {
>>margin: 0 auto;
>>}
>>
>>skulle klare sagen.

Begge browsere vil fortolke ovenstående formdeklaration ens og korrekt,
*forudsat* selvfølgelig at der ikke er andre formregler i kaskaden, der
virker ind på dette, som for eksempel det, som Ginnerskov skriver om,
nemlig body (og html) marginer og padding.

> Njah, ikke helt. Den virker i firefox, men gør ikke i IE. Desværre. Der er
> stadig lidt plads. Koden ser nu sådan ud:
>
> overskriftoeverst {
> margin: 0 auto;
> }
>
Du har glemt klasse-prikken foran, og det er netop derfor jeg skriver det
på formen div.overskriftoeverst.

Formreglerne svarer nøje til, om du havde skrevet:
margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;

- men jeg benytter så vidt muligt kortformsudgaven for at spare nogle bytes.

Med venlig hilsen
Jørgen Farum Jensen
www.webdesign101.dk

---

Jesper Poulsen wrote:

> problem er at i IE bliver mit overskrift's billede ikke vist
> korrekt i forhold til i Mozilla/Firefox! Hvordan kan jeg rette
> den fejl?

Jeg observerer, at i IE er overskriftbilledet (og den gule understreg)
forskudt ca. 5 px ned i forhold til resten af den gule streg. I FF er den
gule streg ubrudt gennemgående.

Mit gæt er, at det skyldes forskel i de to browseres defaulte margin og
eller padding på body-elementet. Prøv derfor at nulstille det i css:

body {
background: #dfdfdf url("logos/background.jpg") repeat-x;
margin: 0;
padding: 0;
}

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk/

---

> Jeg observerer, at i IE er overskriftbilledet (og den gule understreg)
> forskudt ca. 5 px ned i forhold til resten af den gule streg. I FF er den
> gule streg ubrudt gennemgående.

Korrekt ;)

> Mit gæt er, at det skyldes forskel i de to browseres defaulte margin og
> eller padding på body-elementet. Prøv derfor at nulstille det i css:
>
> body {
> background: #dfdfdf url("logos/background.jpg") repeat-x;
> margin: 0;
> padding: 0;
> }

Tak. Der skulle dog lige en margin: 8px; ind istedet for 0px, men ellers
virkede det ! Tak!

body {
background: #dfdfdf url("logos/background.jpg") repeat-x;
margin: 0;
padding: 0;
}

Mvh p0ulsen
http://p0ulsen.frac.dk

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials