/ 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
Centrere en <DIV> i Mozilla?
Fra : Esben Boye-Jacobsen


Dato : 02-01-04 12:44

Hej NG!

Jeg har lavet følgende stump kode:

<body style="margin:0px;text-align:center;">
<div style="border:solid black
1px;width:600px;height:100%;border-width:0px 1px 0px
1px;">Test-txt...</div>
</body>

Som I nok kan se, skal der laves to vertikale streger, med tekst
i mellem. Det skulle gerne være i midten af siden, men når siden
vises i Mozilla 1.5, lægger den sig ude til venstre. Det er
rigtigt ud i IE ... Jeg har prøvet at lægge endnu et DIV udenom
for at få den til at centrere, men det kan jeg heller ikke få til
at virke!

Er der nogen der har et foreslag til hvordan jeg får den til at
lægge sig i midten i Mozilla?

- Esben


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

 
 
Thomas Voller (02-01-2004)
Kommentar
Fra : Thomas Voller


Dato : 02-01-04 13:00

"Esben Boye-Jacobsen" <EsbenBoye@Jacobsen.dk> skrev
> Er der nogen der har et foreslag til hvordan jeg får den til at
> lægge sig i midten i Mozilla?

Du skal bruge...

margin-left: auto;
margin-right: auto;

....på din div-boks. Det er vist den 'rigtige' måde at gøre det på. Det du
har lavet virker kun i IE, da IE er den eneste browser der fejltolker kode
på den måde.



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


Dato : 02-01-04 13:36

Thomas Voller skrev:

> ...på din div-boks. Det er vist den 'rigtige' måde at gøre det
> på. Det du har lavet virker kun i IE, da IE er den eneste
> browser der fejltolker kode på den måde.

IE 6 kan godt forstå den rigtige måde at centrere sideindhold på -
den skal bare sættes i standardmode (søg på doctype switching i
gruppen her eller på google). Men tidligere udgaver har ikke den
mulighed, så ofte bruger man et hack så alle kommer med. Et
eksempel på det kan ses her: <http://html-faq.dk/2007.asp>.
--
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

Esben Boye-Jacobsen (02-01-2004)
Kommentar
Fra : Esben Boye-Jacobsen


Dato : 02-01-04 13:46


> Du skal bruge...
> margin-left: auto;
> margin-right: auto;

... Det virker! Mange tak for hjælpen!

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

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

Månedens bedste
Årets bedste
Sidste års bedste