/ 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
Centrering af <div> med css?
Fra : Anders Jacobsen


Dato : 15-06-03 14:58

Hej NG

Jeg har en <div>-boks som jeg gerne vil have horisontal-centreret i
browservinduet ligemeget hvilken størrelse vinduet er. Kan det lade sig gøre
med css, ellers skal man bruge en tabel til det?

På forhånd tak!

Mvh. Anders Jacobsen



 
 
Lasse Reichstein Nie~ (15-06-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 15-06-03 15:20

"Anders Jacobsen" <anders@FJERN.ichtys.dk> writes:

> Hej NG
>
> Jeg har en <div>-boks som jeg gerne vil have horisontal-centreret i
> browservinduet ligemeget hvilken størrelse vinduet er. Kan det lade sig gøre
> med css, ellers skal man bruge en tabel til det?

<style type="text/css">
body {
text-align:center; /* IE 5 suger */
}
#minDiv {
text-align:left; /* opvej at IE 5 suger */
margin: 0px auto; /* CSS-centrering med margin-left/right:auto */
width: 187px; /* eller hvilken bredde den nu skal have */
}

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'

Anders Jacobsen (15-06-2003)
Kommentar
Fra : Anders Jacobsen


Dato : 15-06-03 16:06

> <style type="text/css">
> body {
> text-align:center; /* IE 5 suger */
> }
> #minDiv {
> text-align:left; /* opvej at IE 5 suger */
> margin: 0px auto; /* CSS-centrering med margin-left/right:auto */
> width: 187px; /* eller hvilken bredde den nu skal have */
> }

Det virker fint nok med den <div> jeg tilføjer disse egenskaber til, men jeg
glemte vist at skrive at der er andre <div>'s inden i den som skal
centreres, og de bliver svære at placere hvis de ikke har udgangspunkt i den
centrerede <div>... se evt. på:

www.generals.1go.dk/v4/index.html

CSS filen ligger her:
www.generals.1go.dk/v4/style.css

Mvh. Anders Jacobsen



Lasse Reichstein Nie~ (15-06-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 15-06-03 18:01

"Anders Jacobsen" <anders@FJERN.ichtys.dk> writes:

> Det virker fint nok med den <div> jeg tilføjer disse egenskaber til, men jeg
> glemte vist at skrive at der er andre <div>'s inden i den som skal
> centreres, og de bliver svære at placere hvis de ikke har udgangspunkt i den
> centrerede <div>... se evt. på:

De andre div'er er altså absolut placeret, og du vil have dem til at
være i forhold til den ydre div?
Tilføj
position:relative;
til den ydre div. Så skulle den være referenceramme for div'er inden i den.

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'

Anders Jacobsen (15-06-2003)
Kommentar
Fra : Anders Jacobsen


Dato : 15-06-03 18:16


"Lasse Reichstein Nielsen" <lrn@hotpop.com> skrev i en meddelelse
news:smqbtgve.fsf@hotpop.com...
> De andre div'er er altså absolut placeret, og du vil have dem til at
> være i forhold til den ydre div?
> Tilføj
> position:relative;
> til den ydre div. Så skulle den være referenceramme for div'er inden i
den.

Tusind tak Lasse! Nu virker det som det skal...

Mvh. Anders Jacobsen



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

Månedens bedste
Årets bedste
Sidste års bedste