Avatar billede duvander Juniormester
21. juni 2004 - 11:48 Der er 15 kommentarer og
1 løsning

Align med css

hej eksp.
Jeg har et <DIV layer der skal alignes til center med css. hvordan gør man det??
Avatar billede syvon Nybegynder
21. juni 2004 - 11:56 #1
<div style="text-align:center;>
Avatar billede syvon Nybegynder
21. juni 2004 - 11:57 #2
prøver igen

<div style="text-align:center;"></div
Avatar billede powernodes Nybegynder
21. juni 2004 - 11:57 #3
<body style="text-align:center;">

<div style="position:absolute;top:50px;margin:auto;background-color:#ccc;">test</div>
Avatar billede duvander Juniormester
21. juni 2004 - 11:58 #4
skal lige tilføjes at det er selve boxen der skal være center og ikke indholdet!
Avatar billede syvon Nybegynder
21. juni 2004 - 12:02 #5
så er powernodes>> løsning rigtig

<body style="text-align:center;">
Avatar billede powernodes Nybegynder
21. juni 2004 - 12:03 #6
Eller rettere hvis mozilla også skal være med

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body style="text-align:center ">
<div style="position:absolute;top:50px;left:45%;background-color:#ccc;">test</div>
</body>
</html>
Avatar billede powernodes Nybegynder
21. juni 2004 - 12:04 #7
Og ret beset er text-align:center på body ligegyldigt så - <body> er rigeligt.
Avatar billede duvander Juniormester
21. juni 2004 - 12:24 #8
Men det er stadig kun indholdet jeg for i center. Det skal være selve DIV layeret
Avatar billede powernodes Nybegynder
21. juni 2004 - 12:27 #9
Det er det også, hvordan gør du?
Avatar billede duvander Juniormester
21. juni 2004 - 12:33 #10
DIV id=privat
style="Z-INDEX: 1; LEFT: 25%; VISIBILITY: hidden; WIDTH: 550px; POSITION: absolute; TOP: 74px; HEIGHT: 16px">
<P class=bodyred>Hej med dig</P> </DIV>
Avatar billede knudgert Nybegynder
21. juni 2004 - 12:35 #11
Man skal huske at sætte width på div, for ellers er den 100% og så vil det ikke se ud som centreret.

Brug en doctype, som sætter nrowseren i standard mode:
Allerøverst på siden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Med css i head:
body {text-align: center}
#boks {width: 300px; margin-left: auto; margin-right: auto}

og så <div> på siden:
<div id="boks">
boksens indhold
</div>
Avatar billede powernodes Nybegynder
21. juni 2004 - 12:39 #12
Din div er hidden, det er du klar over ikke?
Og hvis du så skrev left 45% istedet for de 25, så virker det som det skal - ligesom i mit eksempel.
Avatar billede duvander Juniormester
21. juni 2004 - 12:40 #13
Problemet er at jeg ikke kan få et DIV layer til at holde samme position nå jeg skalere browser vinduet!
Avatar billede powernodes Nybegynder
21. juni 2004 - 12:41 #14
Det skal det vel heller ikke, det skal forblive centreret, korrekt?
Avatar billede gentle_foxsvig Nybegynder
21. juni 2004 - 12:45 #15
Avatar billede knudgert Nybegynder
21. juni 2004 - 12:49 #16
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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