Avatar billede plasmon Nybegynder
18. december 2004 - 19:14 Der er 4 kommentarer

Centrer tabel midt på siden

Hej jeg kan ikke få min tabel til at blive centreret midt på siden.

Jeg bruger neden stående kode:

<table align="center" cellpadding="0" cellspacing="0" height="100%" border="1" width="100%">
        <tr>
            <td valign="middle">
                <table border="0" width="672" cellspacing="0" cellpadding="0" id="table">
                    <tr>
                        <td colspan="2" id="headline" height="60" align="left"><font color="#8589b6">Dalhoj.dk</font>&nbsp;&nbsp;&nbsp;<font color="#ffffff">Webdesign</font></td>
                    </tr>
                    <tr>
                        <td id="menu" width="162" height="266" valign="top" align="left">
                            <%=menu%>
                            <%=loggedin%>
                        </td>
                        <td id="indhold" valign="top" align="left" width="510">
                            <%=undermenu%>
                            <iframe src="iframe.asp?<% response.write request.servervariables("query_string") %>" width="500" height="310" scrolling="auto" frameborder="0" name="indhold"></iframe>                           
                        </td>
                    </tr>
                </table>
</td>
        </tr>
    </table>
Avatar billede roenving Novice
18. december 2004 - 19:30 #1
Centrere, når den er i fuld højde/bredde ?-)

men prøv f.eks.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

<title>Tomt dokument</title>
<meta name="keywords" content="søgeord adskilt af komma">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;background:#444;}
#mainDiv{width:672px;margin:0 auto;}
#tabel{width:672px;border:1px solid purple;;border-collapse:collapse;}
#tabel td{margin:0px;padding:0px;}
#headline{height:60px;text-align:left;color:#8589b6;}
#headline span{color:#fff;}
#menu{width:162px;height:266px;text-align:left;/*top*/}
#indhold{width:510px;text-align:left;/*top*/}
</style>
<script language="javascript" type="text/javascript">

</script>

</head>

<body>
<div id="mainDiv">

<table id="tabel">
  <tr>
    <td colspan="2" id="headline">Dalhoj.dk&nbsp;&nbsp;&nbsp;<span>Webdesign</span></td>
  </tr>
  <tr>
    <td id="menu">
      <%=menu%>
      <%=loggedin%>
    </td>
    <td id="indhold">
      <%=undermenu%>
      <iframe src="iframe.asp?<% response.write request.servervariables("query_string") %>" width="500" height="310" scrolling="auto" frameborder="0" name="indhold"></iframe>                           
    </td>
  </tr>
</table>

</div>
</body>

</html>
Avatar billede madsass Nybegynder
18. december 2004 - 19:32 #2
Du kan jo ikke centrere den, når den er 100% i height og width. Hehe.
Avatar billede plasmon Nybegynder
18. december 2004 - 20:43 #3
den bliver nu centreret men kommer ikke ned midt på siden??

Er der noget som er glemt? :)
Avatar billede roenving Novice
18. december 2004 - 20:50 #4
Lodret centrering er mere tricky, da man kun ved at bruge special-tricks kan få den på plads, men prøv at kigge på: http://www.wpdfd.com/editorial/thebox/deadcentre4.html !-)
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