Dobbelt margen på mine div

For det første dur text-align:center ikke overfor block-level elementer ifølge standarden, så ser du den i f.eks. Mozilla er din center-div ikke centreret ...

Har du forsøgt at sætte en

div{padding:0px;}

ind foran dine andre div-classes ?-)

Angående 1: Ja, det havde jeg faktisk tænkt over, skal jeg centrere med:

margin-left: 50%;
margin-right: 50%;

Angående 2: Skal jeg sætte padding: 0px; i alle mine divs ?

Ok, det var ikke sådan jeg skulle centrere :(

Jeg smed en padding i alle mine divs - ingen effekt...

Skal nok hoste op med nogle flere point hvis du kan greje den :)

Men sengetid for mig...zzzzzzzzz...zzz..z

1. Du kan ikke sætte margin med 50%, da en %-sats tages fra størrelsen af det omgrænsende element, som er positioneret, ellers fra body !-)

Løsningen er nærmere:
margin-left: auto;
margin-right: auto;

-- som dog vist ikke er så gammel på IE ...

En anden type løsning kunne være:

position:relative;
left:50%;
margin-left:-360px;/*halvdelen af divens bredde, den kiggede jeg ikke efter*/

2. du kan bare sætte den linje ind, jeg skrev !o]

-- der kan nemlig glimrende være flere style-definitioner som virker på et element, så hvis du sætter en property for alle divs og den ikke skrives over andre steder, vil den stadig virke selvom den ikke nævnes der ...

Er dog bange for, at det ikke er det, men det skal da prøves ...

Desværre havde du ret :(

Har du nogen idé til hvad det ellers kan være, det er da en underlig fejl og det irriterer mig grænseløst!

Det kan da ikke være rigtigt at man skal bruge tabeller til den slags i vore dage :-o

Ved at checke den nærmere ud i Mozilla fandt jeg ud af, at det er en IE-fejl !-)

Internet Explorer gør nemlig det, at den sætter border som en del af elementets bredde, men hvis man lige kigger lidt på css-box-modellen vil man hurtigt se at det principielt er en fejl, og den fejl laver Gecko-maskinen (som bl.a. Mozilla benytter !-) ikke ...

Så cross-browser-løsningen må skulle indeholde selvstændige elementer, som kun indeholder en kant, hvis man vil have border på !-|

Jeg var faktisk godt klar over at IE gjorde noget sådant (mener du har sagt det til mig før :P), men ikke at det kunne lave sådanne fejl.

Vil det sige at jeg skal bruge nogle flere divs, som så reelt kun indeholder en border ? Er lidt forvirret mht. en løsningsmodel, kan du give mig et eksempel på hvordan min kode skulle se ud ?

Når du nu bruger margin har du vel en mulighed for _ikke_ at bruge border ...

-- Jeg opgav at lave en fornuftig løsning for min egen side og lever med en margin-fejl på ialt 1 pixel, men der var så altså kun een i forskel ...

Men ellers er et javascript til at ændre border ikke alt for voldsomt !-)

Det er da træls at de opfinder div/css i stedet for tabeller og så opfører det sig ikke efter hensigten!

Jeg prøver lige at strikke en løsning sammen, den bliver ikke så elegant, men jeg håber den virker :)

Jeg forstår ikke hvordan jeg kan vælge IKKE at bruge border, der skal jo en sort kant på ? Ja, undskyld hvis det lyder dumt, men jeg er ikke ekspert :(

Så lykkedes det mig, efter et skift til padding, i stedet for margin:

http://www.ladefoged-roenne.dk/divtest2.php

På baggrund af 17:04:01 kom jeg også straks til at tænke på padding, og det ser jo faksiskt pænt ud !-)

Husk at lægge et svar :)

Jamen så velbekomme '-)