Avatar billede tweak Nybegynder
02. april 2005 - 00:53 Der er 12 kommentarer og
1 løsning

centrere indhold horisontal og vertikal.?

Hvordan pokker centrere man sit indhold horisontal og vertikal, altså så alt indholdet et centret på siden.?

Mvh
Jan
www.digitalife.dk
Avatar billede apo Praktikant
02. april 2005 - 00:58 #1
Sådan her:

<style type="text/css">
body {
    text-align: center
    }
</style>

Apo
Avatar billede tweak Nybegynder
02. april 2005 - 01:01 #2
apo,

Det er en tabel jeg mener der skal stå på midten af siden ;)
Avatar billede apo Praktikant
02. april 2005 - 01:02 #3
Ups, overså den med vertikalt...

Så vidt jeg ved kan man ikke gøre det med ren CSS. Du bliver nød til at bruge ovenstående eksempel, og derefter styre den vertikale position med tables.

Apo
Avatar billede apo Praktikant
02. april 2005 - 01:04 #4
<table style="align:center;"></table>
Avatar billede apo Praktikant
02. april 2005 - 01:09 #5
Hmm... Prøv med denne:

<div align="center"><center>

<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%"></td>
  </tr>
</table>
</center></div>

align=center er dog deprecated (sat til at udgå) ifølge W3C

Apo
Avatar billede apo Praktikant
02. april 2005 - 01:14 #6
Denne er nok mere korrekt:

<html>
<head>
<style type="text/css">
body {
    text-align: center;
    }
</style>
</head>
<body>
<div style="text-align: center">
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%"></td>
  </tr>
</table>
</div>
</body>
</html>

Apo
Avatar billede tweak Nybegynder
02. april 2005 - 01:18 #7
Hmmmm, jeg kigger på det imorgen, det hænger slet ikke sammen kl 01:18 ;O
Avatar billede apo Praktikant
02. april 2005 - 01:20 #8
Beklager rodet... Sådan er det når man (jeg) sidder med flere ting på én gang :-)

Multi tasking virker nok bedst i dagtimerne :-D
Avatar billede webrex Nybegynder
02. april 2005 - 09:30 #9
Løsningen er illustreret på denne side: http://www.wpdfd.com/editorial/thebox/deadcentre4.html

Alternativt kan du centrere horisontial i css, som i antyder ovenover ved, at du i body indsætter text-align: center; og herefter i div'en inde i body indsætter: margin 0px auto 0px auto; For at centrere siden vertikal ved denne metode, kan du enten vælge at lægge indholdet i en table, som du giver funktionen vertikal-align: middle; Eller også kan du centrere vertikalt ved at angive ens margin i top og bund!!!

Mvh.
Webrex
Avatar billede webrex Nybegynder
02. april 2005 - 09:31 #10
Skulle være et svar. :)
Avatar billede tweak Nybegynder
02. april 2005 - 21:28 #11
webrex, tak.! Så dutter det ;-) http://www.digitalife.dk/testdiv/ommig.php
Avatar billede webrex Nybegynder
03. april 2005 - 15:24 #12
Det var så lidt. :), hvad bruger du så for en metode, deadcentre-metoden eller table-metoden. (Dit link virker ikke).
Avatar billede tweak Nybegynder
04. april 2005 - 20:11 #13
webrex, deadcentre-metoden, var nød til at kode næsten alt om, men det virke.!
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

Seneste spørgsmål Seneste aktivitet
I dag 10:21 Ny printer, men hvilken Af mort1 i Printere
I går 19:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging