---

Hej NG
Nu er jeg endelig ved at nå mit mål. At ændre jalo-smykker.dk fra håbløs
gammeldags html til xhtml og css. Alle sider validerer og jeg bliver lige
nødt til at sige tak til alle som fulgte og bar, både her og der. Uden hjælp
og tålmodighed, ikke mindst from south under opstarten, og privattimer i
hjemmesideskolen, havde jeg nok opgivet inden jeg var kommet i gang.
I IE ser tingene ud som de skal, men i Opera og Mozilla hopper mine
overskrifter ud til venstre.
Jeg ved at der er flere problemer i Opera, men en ting ad gangen.
Er der nogen der har et bud på hvordan overskrifterne bliver centrerede?
Siderne ligger stadig på www.jalo-smykker.dk/test

--
Hilsen
Mia
www.jalo-smykker.dk

---

"Mia J" <sluddermor> skrev :

>Er der nogen der har et bud på hvordan overskrifterne bliver centrerede?

Din css for <h1>:

h1 {
   margin-top: 70px;
   margin-left: auto;
   margin-right: auto;
   position: absolute;
   color: #000000;
   font-size: 40px;
   text-align: center;
}

Det er din margin-left/right, der er skyld i, at det ikke bliver
centreret.

For at det virker, skal du angive en width, ellers bruge den 100
% og så vil det ikke være synligt centreret.

Men det burde slet ikke være nødvendigt med margin-left/right,
text-align: center alene skulle da gerne centrere teksten og er
også det rigtige at bruge til ren tekst.

position: absolute, hvad har du den til?
Så vidt jeg kan se bruger du den ikke til noget, så væk.

margin-left/right bruger du til at en centrere, en boks, f.eks.
<div>, men som nævnt fpr at det virker, så skal den jo have
angivet en width.
--
Knud

---

"Knud Gert Ellentoft" skrev i en meddelelse:
> Det er din margin-left/right, der er skyld i, at det ikke bliver
> centreret.
>
> For at det virker, skal du angive en width, ellers bruge den 100
> % og så vil det ikke være synligt centreret.
>
> Men det burde slet ikke være nødvendigt med margin-left/right,
> text-align: center alene skulle da gerne centrere teksten og er
> også det rigtige at bruge til ren tekst.
>
> position: absolute, hvad har du den til?
> Så vidt jeg kan se bruger du den ikke til noget, så væk.
>
> margin-left/right bruger du til at en centrere, en boks, f.eks.
> <div>, men som nævnt fpr at det virker, så skal den jo have
> angivet en width.

Jeg har fjernet margin-left/right og det gav ingen forskel, men hvis jeg
fjerner position: absolute flyver overskriften ud til venstre i alle 3
browsere. Overskriften skal helst stå midt i billedet og ignorere logoet.

--
Hilsen
Mia
www.jalo-smykker.dk

---

"Mia J" <sluddermor> skrev

> Nu er jeg endelig ved at nå mit mål. At ændre jalo-smykker.dk fra håbløs
> gammeldags html til xhtml og css. Alle sider validerer og jeg bliver lige
> nødt til at sige tak til alle som fulgte og bar, både her og der. Uden
hjælp
> og tålmodighed, ikke mindst from south under opstarten, og privattimer i
> hjemmesideskolen, havde jeg nok opgivet inden jeg var kommet i gang.
> I IE ser tingene ud som de skal, men i Opera og Mozilla hopper mine
> overskrifter ud til venstre.

I css har du:

#sidehoved { width: 100%; float: left; height: 170px; }

Når den div fylder 100% i bredden, har du ikke brug for at sætte float på
den. Væk med float. Hvis du i stedet laver det sådan:

#sidehoved { width: 100%; position: normal; height: 170px; }

.... kan du i div id logoboks sætte css sådan:

#logoboks { width: 130px; height: 130px; position: absolute; top:0px;
right:0px; background-image: url(../grafik/animlogo.gif); background-repeat:
no-repeat;}

Det vil tillade din h1 at lægge sig centreret, som du ønsker.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin

---

"Erik Ginnerskov" skrev i en meddelelse:
> I css har du:
>
> #sidehoved { width: 100%; float: left; height: 170px; }
>
> Når den div fylder 100% i bredden, har du ikke brug for at sætte float på
> den. Væk med float. Hvis du i stedet laver det sådan:
>
> #sidehoved { width: 100%; position: normal; height: 170px; }

Er det en skrivefejl? position: normal; det validerer ikke og ser nu forkert
ud i alle 3 browsere.

--
Hilsen
Mia
www.jalo-smykker.dk

---

"Mia J" <sluddermor> skrev

> Er det en skrivefejl? position: normal; det validerer ikke og ser nu
forkert
> ud i alle 3 browsere.

Så skriv 'relaive' i stedet for 'normal'.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin

---

"Erik Ginnerskov" skrev i en meddelelse:
> Så skriv 'relative' i stedet for 'normal'.

Tak for hjælpen til alle. Nu er siden lagt ud i roden og må vente med
yderligere forbedringer.

--
Hilsen
Mia
www.jalo-smykker.dk

---

Mia J skrev:

>> #sidehoved { width: 100%; position: normal; height: 170px; }
>
> Er det en skrivefejl? position: normal; det validerer ikke og
> ser nu forkert ud i alle 3 browsere.

Mon ikke Erik har ment position: static; (der er default-værdien
for position).
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html