Notifikationer

Markér alle som læst Log ud

jakobdo Ekspert

18. juli 2003 - 11:54 Der er 8 kommentarer og
1 løsning

Tabel centreret på hjemmeside

Hej, jeg skal have lavet en hjemmeside, og jeg kan godt få en tabel, centreret på siden, så der er 20px luft hele vejen rundt (top,left,right og bottom i IE)

Men hvordan koder jeg dette, så det virker i NS/Mozilla og IE...

Vil helst gerne have noget kode som virker ens på alle browsere...

Synes godt om

exp Juniormester

18. juli 2003 - 12:19 #1

<div style="margin: 20px; border: 2px solid black;">tekst</div>

Synes godt om

jakobdo Ekspert

18. juli 2003 - 12:42 #2

Tror du misforstod...

Jeg vil have min hjemmeside ala dette:

S = siden...
T = tabel...

SSSSSSSSSS
STTTTTTTTS
STTTTTTTTS
STTTTTTTTS
STTTTTTTTS
SSSSSSSSSS

Sådan skal det endelig resultat se ud!

Jeg kan lave det i IE med følgende:

<body style="padding:20px">
<table height="100%" width="100%">
<center>
TEST
</center>
</table>
</body>

Men denne løsning virker ikke i Mozilla, da den åbenbart ikke understøtter height="100%"

Synes godt om

exp Juniormester

18. juli 2003 - 12:43 #3

prøv at sætte height til 99%

Synes godt om

exp Juniormester

18. juli 2003 - 12:44 #4

og width...

<body style="padding:20px">
<table style="height: 99%;width: 99%;">
<center>
TEST
</center>
</table>
</body>

Synes godt om

jakobdo Ekspert

18. juli 2003 - 12:50 #5

Det ser stadig ikke godt ud i mozilla...
Men i IE er det fint nok!

Her min kode:

<Index.html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body class="border" OnLoad="window.defaultStatus='HAIR BY YOUNG';">
<center>
<table class="outer">
<tr>
<td class="outer">
<table class="inner">
<tr>
<td>
Test
</td>
</tr>
</table>
<div class="size70">©opyright 2002<a onmouseover="window.status='Mail kommentarer/rettelser til Webmasteren';return true;" href="mailto:Jakob@XXXXX.com?subject=XXXXX">Jakob Olsen</a></div>
</td>
</tr>
</table>
</body>
</html>
</index.html>

<style.css>
BODY
{
color:#4F341F;
font-family:arial;
font-size:70%;
background-color:#4F341F;
scrollbar-3dlight-color:#4F341F;
scrollbar-arrow-color:#4F341F;
scrollbar-base-color:#E4E1B6;
scrollbar-face-color:#E4E1B6;
scrollbar-darkshadow-color:#4F341F;
scrollbar-highlight-color:#4F341F;
scrollbar-shadow-color:#4F341F;
scrollbar-track-color:#4F341F;
text-align:center;
padding: 10px 20px;
}

A
{
color : #4F341F;
}

table.outer
{
width:99%;
height:99%;
background-color:#E4E1B6;
text-align:center;
}

td.outer
{
padding: 20px;
}

table.inner
{
width:99%;
height:99%;
background-color:#E4E1B6;
text-align:center;
border-style: dashed;
border-color: #4F341F;
}

.size70
{
font-size:70%;
}
</style.css>

Synes godt om

ha9953 Nybegynder

21. juli 2003 - 13:58 #6

Jeg har det samme problem og det viser sig at bl.a. mozilla ikke understøtter xhtml standarden og dermed ikke højde i tabeller

Synes godt om

jakobdo Ekspert

21. juli 2003 - 16:00 #7

Øv... :o(

Synes godt om

roenving Novice

22. juli 2003 - 00:28 #8

Har du prøvet pixeldudes ide om centrering med fast størrelse:

table.outer{
position:absolute;
width:800px;
height:600px;
top:50%;
left:50%;
margin-left:-400px;
margin-top:-300px;
background-color:#E4E1B6;
text-align:center;
}

Synes godt om

jakobdo Ekspert

12. februar 2004 - 09:09 #9

Lukker

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS