/ 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
[CSS] Centering i Mozilla
Fra : Thomas Due


Dato : 22-04-04 12:11

Hej,

Jeg vil lige høre om der er nogen som kan fortælle mig hvordan jeg
centere en div så det virker i Mozilla FireFox?

Jeg anvender p.t. text-align:center på body, men det virker ikke i
Mozilla, men fint i IE6. Så vidt jeg har forstået på HTML/CSS
specifikationen, så skulle text-align virke, også på en div, men ikke i
Mozilla.

Spørgsmålet er så, er det mig der har misforstået specifikationen, og
dermed udnyttet endnu en fejl i IE, eller hvad?

Jeg har placeret en test side her:
http://www.scanx.scanvaegt.com/test/login.html

--
Thomas Due
Software Developer
Scanvaegt Nordic A/S
Posted with XanaNews version 1.16.3.1

 
 
Tine Müller (22-04-2004)
Kommentar
Fra : Tine Müller


Dato : 22-04-04 12:38

"Thomas Due" skrev
> Jeg vil lige høre om der er nogen som kan fortælle mig hvordan jeg
> centere en div så det virker i Mozilla FireFox?
>
> Jeg anvender p.t. text-align:center på body, men det virker ikke i
> Mozilla, men fint i IE6. Så vidt jeg har forstået på HTML/CSS
> specifikationen, så skulle text-align virke, også på en div, men ikke i
> Mozilla.
>
> Spørgsmålet er så, er det mig der har misforstået specifikationen, og
> dermed udnyttet endnu en fejl i IE, eller hvad?
>
> Jeg har placeret en test side her:
> http://www.scanx.scanvaegt.com/test/login.html

Du er velkommen til at studere mine koder, hvis det kan hjælpe dig. Den
centrerer nemlig i Mozilla.
Senere kommer der måske svar til dig fra nogle af "eksperterne" herinde.

http://www.j-lundsgaard.dk/
http://www.j-lundsgaard.dk/jytte.css


KH
Tine Müller

homepage: http://tine_muller.homepage.dk/



Thomas Due (22-04-2004)
Kommentar
Fra : Thomas Due


Dato : 22-04-04 13:07

Tine Müller wrote:

> Du er velkommen til at studere mine koder, hvis det kan hjælpe dig.
> Den centrerer nemlig i Mozilla.

Ha ha! Det virkede. Tusind tak skal du have. Den havde jeg ikke regnet
ud selv.

> Senere kommer der måske svar til dig fra nogle af "eksperterne"
> herinde.

Det er nok for sent nu ;)

--
Thomas Due
Software Developer
Scanvaegt Nordic A/S
Posted with XanaNews version 1.16.3.1

Jens Gyldenkærne Cla~ (22-04-2004)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 22-04-04 13:08

Thomas Due skrev:

> Jeg vil lige høre om der er nogen som kan fortælle mig hvordan
> jeg centere en div så det virker i Mozilla FireFox?

Lige som det gøres i alle andre moderne browsere (incl. IE6) - ved
hjælp af margin: auto.

> Jeg anvender p.t. text-align:center på body,

Den metode er desværre nødvendig for at få ældre IE-udgaver med,
men den kan fint kombineres med den metoden for browsere der
forstår css korrekt. Teknikken er vist i en artikel fra gruppens
OSS: <http://html-faq.dk/2007.asp>.


> Så vidt jeg har forstået på HTML/CSS specifikationen, så skulle
> text-align virke, også på en div, men ikke i Mozilla.

Du har misforstået hvad text-align skal virke på. Det er rigtigt at
text-align også gælder i en div, men det centrerer alene inline-
indhold - dvs. tekst og koder som <a>, <img>, <em>, <strong> o.l.

IE har før version 6 også ladet text-align påvirke blok-elementer,
men det er altså ikke korrekt. I version 6 har man indført en
doctypekontakt der gør IE6 i stand til at vise sider på to måder -
enten som ældre IE'er har gjort (quirks mode) eller som en browser
bør vise siderne (efter standarderne, standardmode).

Den gammeldags centreringsmetode (text-align: center) virker uanset
doctypemode, mens den korrekte (margin: auto) kun virker i
standardmode.
--
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

Søg
Reklame
Statistik
Spørgsmål : 177554
Tips : 31968
Nyheder : 719565
Indlæg : 6408852
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste