Notifikationer

Markér alle som læst Log ud

krogstrup Nybegynder

16. juli 2005 - 00:05 Der er 10 kommentarer og
1 løsning

Centrere horizontalt i Firefox

Nedenstående centreres horizontalt i IE men ikke i FF. Hvorfor kan text-align:center ikke benyttes i FF ?

<table style="width:100%; height:100%; border-collapse:collapse; padding:0px; border:0px;">
<tr>
<td style="text-align:center;">

<div style="position:relative; width:980px; height:520px; background:url(/images/design/background.jpg);">test</div>

</td>
</tr>
</table>

Jeg ved godt at <div align="center"></div> vil centrere mit inderste lag, men det må da være muligt at gøre det på den måde som jeg har lagt op til, eller.... ?

Synes godt om

roenving Novice

16. juli 2005 - 00:10 #1

Fordi det ifølge standarden kun må centrere inline-elementer som f.eks. almindelig tekst !-)

I stedet for hele din tabel-konstruktion skal du bare bruge:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;}
</style>
<title>Centreret site</title>
</head>
<body>
<div style="position:relative; width:980px; height:520px; background:url(/images/design/background.jpg); margin:0 auto">test</div>
</body>
</html>

Synes godt om

krogstrup Nybegynder

16. juli 2005 - 00:24 #2

ok, men hvordan centrerer jeg det så vertikalt i forhold til den model ?

hvad er syntaks for brug af margin i CSS ?

Synes godt om

olebole Juniormester

16. juli 2005 - 00:24 #3

<ole>

- men da den, Krogen viser, også centrerer vertikalt, er det nok dette, der efterlyses:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;}
</style>
<title>Centreret site</title>
</head>
<body>

<table style="width:100%; height:100%; border-collapse:collapse; padding:0px; border:0px;">
<tr>
<td>

<div style="position:relative; width:980px; height:520px; background:url(/images/design/background.jpg);margin:0 auto">test</div>

</td>
</tr>
</table>

</body>
</html>

Krogstrup >> Når du bruger en fuld DTD (DocType Definition) og anbringer den som det allerførste på siden, overholder også IE det meste af CSS1:
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp
- under The !DOCTYPE "Switch".

/mvh
</bole>

Synes godt om

krogstrup Nybegynder

16. juli 2005 - 00:27 #4

tak til jer begge for input !!!

smider du et svar roenving ?

Synes godt om

olebole Juniormester

16. juli 2005 - 00:27 #5

Tabel-cellen er stadig det eneste HTML-element, der kan centrere vertikalt. Derfor er du nødt til at bruge en sådan - eller bruge script. Det sidste er nok ikke at anbefale :)

Sætter du style="margin:0 auto" på et ikke-inline element, centreres det horisontalt

Synes godt om

krogstrup Nybegynder

16. juli 2005 - 00:28 #6

ok med hvad betyder 0 auto

er det margin-top:0 og margin-left:auto

eller ?

Synes godt om

roenving Novice

16. juli 2005 - 00:33 #7

To argumenter til en css-property, som kan være på alle fire kanter betyder:

top/bund venstre/højre

-- man kan iøvrigt bruge fra en til fire argumenter:

margin: 1px; /* 1px på alle 4 */
margin: 2px 3px; /* 2px på top og bund, 3px på højre og vestre */
margin: 4px 5px 6px; /* 4px i top, 5px på venstre og højre og 6px på bund */
margin: 7px 8px 9px 10px; /* 7px i top, 8px til højre, 9px i bund og 10px til venstre !-) */

-- els velbekomme '-)

Synes godt om

olebole Juniormester

16. juli 2005 - 00:33 #8

top og bund: 0px
venstre og højre: auto (som brødre, de dele) :)

Synes godt om

krogstrup Nybegynder

16. juli 2005 - 00:37 #9

takker for forklaring

men hvorfor kan jeg ikke bruge margin:auto auto ?

Synes godt om

roenving Novice

16. juli 2005 - 00:40 #10

-- fordi det, som ole også henviser til, ikke giver mening i andre elementer end tabelceller, at lave den automatiske centrering ...

-- du kan faktisk uden problemer nøjes med margin:auto; men det ligner noget snyd, når den alligevel ikke centrerer vertikalt, derfor bruger jeg selv den mere deskriptive 0 auto !-)

-- og tak for point ;~}

Synes godt om

krogstrup Nybegynder

16. juli 2005 - 00:43 #11

ok :-)

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS