07. august 2003 - 23:01
Der er
25 kommentarer og2 løsninger
lodret centrering af tabel med css?
Kan man centrere sin tabel lodret med css? Hvis ikke, hvordan får man så sin tabel til at være midt i browservinduet?
Annonceindlæg tema
Offentlig digitalisering
Fra effektivisering til digital suverænitet. Hvordan skaber det offentlige en digital fremtid med AI, sikkerhed og kontrol i centrum?
07. august 2003 - 23:06 #1
Sådan ?-)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"> <html>
<head>
<title>Tomt dokument</title>
<style type="text/css">
html, body{
width:100%;
height:100%;
}
#site {
position:absolute;
top:50%;
left:50%;
height: 200px;
width: 670px;
margin-top:-100px;
margin-left:-335px;
border: 1px #000000 solid;
}
</style>
</head>
<body>
<div id="site">
Her er en masse tekst
</div>
</body>
</html>
07. august 2003 - 23:07 #2
Jeg pleger at bruge en tabel til at centrere lodret:
<table height="100%"><tr><td valign="middle">
[Indhold inklusiv tabeller]
</td></tr></table>
07. august 2003 - 23:10 #3
-- og det virker jo også godt nok, bortset fra, at der ikke findes en height-attribut til tabeller i html-standarden, men det er helt lovligt at bruge som css-style ...
07. august 2003 - 23:17 #4
roenving du har sikkert ret jeg er ikke selv så stærk i starndarne :~|
07. august 2003 - 23:21 #5
Ja, men det er ret nemt (og lidt sygt, at det valideres på den måde, men ikke på din !-)
<table style="height:100%"><tr><td valign="middle">
[Indhold inklusiv tabeller]
</td></tr></table>
08. august 2003 - 00:15 #6
roenving: Det holder ikke -- har du prøvet at resize vinduet meget? ... så forsvinder indholdet i venstre side indtil centrummet af tabellen, fordi margin'en er negativ...
løsningen er:
<table style="margin: auto;">
08. august 2003 - 00:18 #7
... i hvert fald for at gøre det vandret/vertikalt :)
08. august 2003 - 00:19 #8
>>repsac
08. august 2003 - 00:21 #9
pis... det er så det man kalder horizontalt... ;)
08. august 2003 - 00:31 #10
08. august 2003 - 00:34 #11
FYI: det er også css1...
08. august 2003 - 00:38 #12
>>repsac
08. august 2003 - 00:46 #13
Tak roenving. Din løsning virker for mig.
08. august 2003 - 00:51 #14
roenving: næh, jeg svarer såmænd på sk-man's spørgsmål :)
<table style="marin: auto; vertical-align: middle;">
... hvis det ikke virker er det fordi din browser ikke kender til standarderne...
08. august 2003 - 10:36 #15
Det kan såmen sagtens lade sig gøre med CSS
eks.:
<style type="text/css">
div.midt {
position: absolute;
top: 50%;
}
</style>
Så kaster du bare en div rundt om det du skal have centreret vertical... Altså fx...
<DIV class="midt">
<table>
<tr>
<TD bgcolor="#000000">
<font color="#FFFFFF">Testing.....</font>
<TD>
<tr>
<table>
</DIV>
08. august 2003 - 10:36 #16
....sq have været et svar :)
08. august 2003 - 13:24 #17
>>cyfer
09. august 2003 - 11:56 #18
Hmmm..... ja sry.... jeg sad på min skole på det tidspunkt og havde andre ting i hjernen... Det sq selvfølgelig have været:
09. august 2003 - 12:28 #19
>>cyfer
09. august 2003 - 12:39 #20
Jah.... Det det sq også!
09. august 2003 - 12:51 #21
-- een af grundene til at jeg stillede det som spørgsmål, for det kunne godt være at sk-man havde andre ønsker/ideer, og så ville jeg ikke kaste mig ind i et points-grabberi !-)
09. august 2003 - 12:55 #22
hmmm...
09. august 2003 - 13:02 #23
;O)
09. august 2003 - 13:43 #24
Tak for hjælpen i to. I får lov til at dele :-)
09. august 2003 - 13:46 #25
Hahah.... Det bliver reonving nok gal i skralden over :P
09. august 2003 - 14:01 #26
-- tak for point ;~}
09. august 2003 - 15:17 #27
sk-man, det ku have været sjovere hvis du selv havde lagt et svar og snuppet pointsne selv.... :D
Vi tilbyder markedets bedste kurser inden for webudvikling
Ny bruger
Nybegynder
Opret
Preview
