/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Mozilla/Firefox og CSS horisontalt positio~
Fra : Søren Bryder Nielsen


Dato : 30-09-04 21:15

Jeg har problemer med at få min bokse til at være i center af siden i
Mozilla/Firefox, det virker fint i Internet Explorer. Jeg har kørt min
CSS kode igennem en CSS validator og der er ingen fejl i den.

Prøv selv at tage et kig på siden:
"http://dirne.myftp.org/css/test.htm".

Hvorfor virker det i IE og ikke i Firefox?

Hvordan får jeg det til at virke i Firefox?


 
 
Knud Gert Ellentoft (30-09-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 30-09-04 21:40

Søren Bryder Nielsen skrev:

>Jeg har problemer med at få min bokse til at være i center af siden i
>Mozilla/Firefox, det virker fint i Internet Explorer. Jeg har kørt min
>CSS kode igennem en CSS validator og der er ingen fejl i den.

Det er fejl i IE, der gør, at det er centreret i den.

IE sætter en boks centreret når man bruger text-align: center,
det burde den ikke, det er beregnet til at sætte tekst og
billeder centreret.

Den rigtige måde at gøre det på er at sætte margin-left: auto og
margin-right: auto på boksene, der skal centreres, men behold din
text-align, da IE 5 ikke forstår det på den anden måde.

PS. Du mangler en enhedsangivelse (px f.eks.) på
i #banner, hvilket validatoren burde ha' fortalt.

width: 500;

Iøvrigt så bør du sætte en doctype på siden.

http://www.html.dk/artikler/00036/
--
Knud
Topposter du svar, så ryger du på min ignoreringsliste.
http://usenet.dk/netikette/citatteknik.html

Søren Bryder Nielsen (30-09-2004)
Kommentar
Fra : Søren Bryder Nielsen


Dato : 30-09-04 22:34

On Thu, 30 Sep 2004 22:39:52 +0200, Knud Gert Ellentoft
<ellentoft@mail.tele.invalid> wrote:

>Den rigtige måde at gøre det på er at sætte margin-left: auto og
>margin-right: auto på boksene, der skal centreres, men behold din
>text-align, da IE 5 ikke forstår det på den anden måde.

Tak, det virker både i IE og Firefox nu, det var da utrolig rart!

>PS. Du mangler en enhedsangivelse (px f.eks.) på
>i #banner, hvilket validatoren burde ha' fortalt.
>
>width: 500;

Der er 'width: 500;' på min #banner. Derfor kom der heller ingen fejl
da den skulle valideres.

>Iøvrigt så bør du sætte en doctype på siden.

Det vil jeg da straks gøre så :)

Bertel Lund Hansen (30-09-2004)
Kommentar
Fra : Bertel Lund Hansen


Dato : 30-09-04 23:40

Søren Bryder Nielsen skrev:

>Der er 'width: 500;' på min #banner. Derfor kom der heller ingen fejl
>da den skulle valideres.

Prøv at validere dit CSS. Det er noget andet end at validere
HTML-delen.

Begge dele skal give 0 fejl.

--
Bertel
http://bertel.lundhansen.dk/   FIDUSO: http://fiduso.dk/

Søren Bryder Nielsen (01-10-2004)
Kommentar
Fra : Søren Bryder Nielsen


Dato : 01-10-04 10:39

On Fri, 01 Oct 2004 00:40:03 +0200, Bertel Lund Hansen
<nospamius@lundhansen.dk> wrote:


>Prøv at validere dit CSS. Det er noget andet end at validere
>HTML-delen.

Det var kun mit css jeg havde valideret. Jeg vidste udemærket at mit
html var helt fucked up. Jeg skulle bare lige hurtigt lave en side så
jeg kunne teste mit style-sheet!

HTML-koden er også gået igennem testen nu. Så er alt sq valideret!

Knud Gert Ellentoft (01-10-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 01-10-04 19:47

Søren Bryder Nielsen skrev:

>Det var kun mit css jeg havde valideret.

Din css er ikke valid.

Der er to fejl i den, hvor jeg så og fortalte dig om den ene, den
anden fejl lagde jeg ikke mærke til.

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fdirne.myftp.org%2Fcss%2Fstyle.css&usermedium=all
--
Knud
Topposter du svar, så ryger du på min ignoreringsliste.
http://usenet.dk/netikette/citatteknik.html

Knud Gert Ellentoft (01-10-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 01-10-04 19:53

Knud Gert Ellentoft skrev:

>Der er to fejl i den, hvor jeg så og fortalte dig om den ene, den
>anden fejl lagde jeg ikke mærke til.

Den anden fejl er en manglende ; og årsag til, at det ikke
virker, fordi browseren ignorerer det der står efter
border-top-style-hidden.

#menu {
   height: 20px;
   width: 640px;
   border-width: 1px;   
   border-style: dotted;   
   border-color: black;
   border-top-style: hidden
   margin-left: auto;
   margin-right: auto;

Her mangler ; til sidst og derfor ignorerer browseren det.

IE centrerer, fordi den (fejlagtigt) bruger text-align: center i
body.
--
Knud
Topposter du svar, så ryger du på min ignoreringsliste.
http://usenet.dk/netikette/citatteknik.html

Peter Loumann (02-10-2004)
Kommentar
Fra : Peter Loumann


Dato : 02-10-04 13:26

Knud Gert Ellentoft skrev:

>Den anden fejl er en manglende ; og årsag til, at det ikke
>virker, fordi browseren ignorerer det der står efter
>border-top-style-hidden.
>
>#menu {
>   height: 20px;
>   width: 640px;
>   border-width: 1px;   
>   border-style: dotted;   
>   border-color: black;
>   border-top-style: hidden
>   margin-left: auto;
>   margin-right: auto;
>
>Her mangler ; til sidst og derfor ignorerer browseren det.

Så vidt jeg kan se mangler der snarere }
Afsluttende ; er vist valgfri

--
hilsen pl (peloda hos tiscali her i landet)
http://huse-i-naestved.dk

Erik Ginnerskov (02-10-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 02-10-04 14:25

Peter Loumann wrote:

>> #menu {
>> height: 20px;
>> width: 640px;
>> border-width: 1px;
>> border-style: dotted;
>> border-color: black;
>> border-top-style: hidden
>> margin-left: auto;
>> margin-right: auto;
>>
>> Her mangler ; til sidst og derfor ignorerer browseren det.
>
> Så vidt jeg kan se mangler der snarere }
> Afsluttende ; er vist valgfri

Kun i sidste definition. Alle andre *skal* afsluttes med et semikolon.

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



Peter Loumann (03-10-2004)
Kommentar
Fra : Peter Loumann


Dato : 03-10-04 09:52

Erik Ginnerskov skrev:

>>> Her mangler ; til sidst og derfor ignorerer browseren det.

>> Så vidt jeg kan se mangler der snarere }
>> Afsluttende ; er vist valgfri

>Kun i sidste definition. Alle andre *skal* afsluttes med et semikolon.

Ja, det er klart.

--
hilsen pl (peloda hos tiscali her i landet)
http://huse-i-naestved.dk

Knud Gert Ellentoft (02-10-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 02-10-04 16:29

Peter Loumann skrev:

>Så vidt jeg kan se mangler der snarere }
>Afsluttende ; er vist valgfri

Ja, det var i citatet, det manglede, det kunne jo konstatere ved
selv at gå ind på http://dirne.myftp.org/css/style.css.

Iøvrigt skrev jeg jo også, hvor ; manglede.

»Den anden fejl er en manglende ; og årsag til, at det ikke
virker, fordi browseren ignorerer det der står efter
border-top-style-hidden«
--
Knud
Topposter du svar, så ryger du på min ignoreringsliste.
http://usenet.dk/netikette/citatteknik.html

Jens Gyldenkærne Cla~ (02-10-2004)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 02-10-04 14:37

Peter Loumann skrev:

>> border-top-style: hidden
>> margin-left: auto;

>>Her mangler ; til sidst og derfor ignorerer browseren det.

> Så vidt jeg kan se mangler der snarere }

Det er vist kun i Knuds citat.

> Afsluttende ; er vist valgfri

Ja, men det er kun efter sidste definition i en blok at semikolon
er valgfrit. I eksemplet mangler der et semikolon midt i en blok.
--
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

Olav Noksagt (17-10-2004)
Kommentar
Fra : Olav Noksagt


Dato : 17-10-04 01:06

Knud Gert Ellentoft <ellentoft@mail.tele.invalid> wrote in message news:<5crol0hak30lni547ul6h30ta249s56rj6@dtext.news.tele.dk>...
> Den rigtige måde at gøre det på er at sætte margin-left: auto og
> margin-right: auto på boksene, der skal centreres, men behold din
> text-align, da IE 5 ikke forstår det på den anden måde.

Lige et andet beslægtet spørgsmål: den samme effekt lodret (altså en
boks centreret lodret) - hvordan opnås den? Margin-top: auto og
margin-bottom: auto virker øjensynligt ikke?

Olav

Knud Gert Ellentoft (17-10-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 17-10-04 06:18

Olav Noksagt skrev:

>Lige et andet beslægtet spørgsmål: den samme effekt lodret (altså en
>boks centreret lodret) - hvordan opnås den? Margin-top: auto og
>margin-bottom: auto virker øjensynligt ikke?

Det er lidt mere besværligt, kræver at du ved højt det der skal
centreres er.

Her skal man bruge negativ margin, se i kildekoden på
http://home13.inet.tele.dk/smedpark/centrer.htm
--
Knud
Topposter du svar, så ryger du på min ignoreringsliste.
http://usenet.dk/netikette/citatteknik.html

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste