/ 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: Problemer med centrering
Fra : Jesper Stocholm


Dato : 12-12-03 16:27

Jeg har en tabel, som jeg gerne vil centrere på siden. Det troede jeg, at
jeg kunne gøre med

<table style="background:
#ffffff;position:absolute;width:730px;left:50%;margin-left:-365px;">

Men det virker ikke. Den skubber hele tabellen 50 pct til venstre fra
browserkanten.

Burde ovenstående ikke virke?

Siden kan ses på www.pf.dtu.dk/hp Det virker i IE samt Opera - men ikke i
Mozilla, som jeg primært bruger til udviklingen af siden.



--
Jesper Stocholm
http://stocholm.dk

 
 
Knud Gert Ellentoft (12-12-2003)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 12-12-03 17:05

Jesper Stocholm <j@stocholm.invalid> skrev :

><table style="background:
>#ffffff;position:absolute;width:730px;left:50%;margin-left:-365px;">
>
>Men det virker ikke. Den skubber hele tabellen 50 pct til venstre fra
>browserkanten.
>
>Burde ovenstående ikke virke?

Nej, med position: absolute vil tabellen altid blive placeret
absolut, dvs. de 50% fra venstre som du beder om.

Nu bruger du heldigvis en doctype, der sætter IE i standard-mode,
så det er ret enkelt.

<table style="background:
#ffffff; width:730px; margin-left: auto; margin-right: auto">

Hvis du vil have IE 5 med, så må du smide tabellen ind i en
<div>.

<div style="text-align: center">
<table style="background:
#ffffff; width:730px; margin-left: auto; margin-right: auto">
</div>

--
Knud

Jesper Stocholm (12-12-2003)
Kommentar
Fra : Jesper Stocholm


Dato : 12-12-03 18:14

Knud Gert Ellentoft wrote :

> Jesper Stocholm <j@stocholm.invalid> skrev :
>
>><table style="background:
>>#ffffff;position:absolute;width:730px;left:50%;margin-left:-365px;">
>>
>>Men det virker ikke. Den skubber hele tabellen 50 pct til venstre fra
>>browserkanten.
>>
>>Burde ovenstående ikke virke?
>
> Nej, med position: absolute vil tabellen altid blive placeret
> absolut, dvs. de 50% fra venstre som du beder om.

OK :)

> <table style="background:
> #ffffff; width:730px; margin-left: auto; margin-right: auto">
>
> Hvis du vil have IE 5 med, så må du smide tabellen ind i en
> <div>.
>
> <div style="text-align: center">
> <table style="background:
> #ffffff; width:730px; margin-left: auto; margin-right: auto">
> </div>

Ok, mange tak for dit svar.



--
Jesper Stocholm
http://stocholm.dk
Give a man a fish and he will have food for a day,
give a man an elephant, and he will have food for a week.

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

Månedens bedste
Årets bedste
Sidste års bedste