Avatar billede robertdhn Nybegynder
08. marts 2005 - 08:58 Der er 7 kommentarer

center content

jeg sidder med et problem her, jeg arbejder på mac og er ved at være færdig med et site... jeg har lige checket det på en pc – og der er min content i "top". På mac er den helt centeret og det er det også meningen...

Håber der er en der kan se hvad jeg mangler!?

koden ser sådan ud:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>xxx</title>
<style type="text/css">
<!--
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url(backline.gif);
    background-repeat: repeat-x;
}
-->
</style></head>

<body>
<table width="100%" height="100%"  border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center" valign="middle">
      <div align="center"></div>
      <div align="center"></div>
      <table width="780" height="490"  border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
        <tr>
          <td align="center" valign="middle"><table width="780"  border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="780" height="88">
                  <param name="movie" value="menu.swf">
                  <param name="quality" value="high">
                  <embed src="menu.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="780" height="88"></embed>
                </object></td>
              </tr>
              <tr>
                <td><table width="780" height="10"  border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="10"><table width="10" height="302"  border="0" cellpadding="0" cellspacing="0">
                      <tr>
                        <td>&nbsp;</td>
                      </tr>
                    </table></td>
                    <td width="760" height="302"><table width="760" height="302" border="0" cellpadding="0" cellspacing="0">
                      <tr>
                        <td height="302" align="left" valign="middle"><div align="center">
                            <iframe src="front.html" name="frame" width="760" height="302" scrolling="no" frameborder="0" id="frame" border="0"></iframe>
                        </div></td>
                      </tr>
                    </table></td>
                    <td width="11">&nbsp;</td>
                  </tr>
                </table></td>
              </tr>
              <tr>
                <td width="780" height="10"><table width="780" height="10"  border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td><img src="blank.gif" width="1" height="10"></td>
                  </tr>
                </table></td>
              </tr>
              <tr>
                <td><table width="780" height="81"  border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="10"><table width="10" height="81"  border="0" cellpadding="0" cellspacing="0">
                      <tr>
                        <td>&nbsp;</td>
                      </tr>
                    </table></td>
                    <td width="10"><table width="10" height="81"  border="0" cellpadding="0" cellspacing="0" bgcolor="#666666">
                      <tr>
                        <td>&nbsp;</td>
                      </tr>
                    </table></td>
                    <td width="750"><table width="750" height="81" border="0" cellpadding="0" cellspacing="0" bgcolor="#8A8A8A">
                      <tr>
                        <td align="center" valign="middle"><div align="center"><img src="adresseline.gif" width="750" height="15" border="0" usemap="#Map" href="mailto:eva@scanlegio.dk"></div></td>
                      </tr>
                    </table></td>
                    <td width="10">&nbsp;</td>
                  </tr>
                </table></td>
              </tr>
              <tr>
                <td width="780" height="10"><table width="780" height="10"  border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td><img src="blank.gif" width="1" height="10"></td>
                  </tr>
                </table></td>
              </tr>
          </table></td>
        </tr>
        </table>
        <div align="center"></div>
    <div align="center"></div></td></tr>
</table>
<div align="center">
  <map name="Map">
    <area shape="rect" coords="578,3,727,13" href="mailto:xxx@xxx.dk">
  </map>
</div>
</body>
</html>
Avatar billede miss-g Seniormester
08. marts 2005 - 10:21 #1
Hos mig sidder den altså pænt midt på skærmen (PC - Internet Explorer 6).....hvis vi altså taler om tabellen som det hele ligger i....

og det burde den også:
<table width="100%" height="100%"  border="0" align="center" cellpadding="0" cellspacing="0">
Avatar billede olebole Juniormester
08. marts 2005 - 14:05 #2
<ole>

Hvis browserne ellers rettede sig efter gældende standarder, burde tabellen slet ikke vises  :)

Der er ikke - og har aldrig været - en height-attribut på en tabel. Højde på tabeller skal sættes i CSS. Derudover er måden at centrere elementer i CSS følgende:

  <table style="width:100%;height:100%;margin:0px auto"  border="0" cellpadding="0" cellspacing="0">

At sætte en relativ højde på et element (en højde i procent) kræver i øvrigt, at det omkransende element (her body-elementet), explicit har fået sat en højde - f.eks:

html, body {
  height: 100%;
  margin: 0px;
  padding: 0px; /* af hensyn til Opera */
}

/mvh
</bole>
Avatar billede robertdhn Nybegynder
08. marts 2005 - 15:40 #3
det er den her jeg har problemer med:

<table width="780" height="490"  border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
Avatar billede olebole Juniormester
08. marts 2005 - 15:49 #4
Ja, det ved jeg. Har du prøver noget af det, jeg skrev?
Avatar billede robertdhn Nybegynder
08. marts 2005 - 15:52 #5
Sådan her?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>xxx</title>
<style type="text/css">
<!--
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url(backline.gif);
    background-repeat: repeat-x;
<table width="780" height="490"  border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
}
-->
</style></head>

html, body {
  height: 100%;
  margin: 0px;
  padding: 0px; /* af hensyn til Opera */
}

<body>

osv....
Avatar billede robertdhn Nybegynder
08. marts 2005 - 16:19 #6
<table width="780" height="490"  border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
erstattes med:
<table style="width:100%;height:100%;margin:0px auto"  border="0" cellpadding="0" cellspacing="0">

Selfølgelig :)
Avatar billede mccookie Seniormester
10. februar 2007 - 22:38 #7
Hehe.....

Sad her og søgte efter en løsning på hvordan jeg kunne centrerer min side og ikke overraskende er det et svar af Olebole som gav pote ;)

Og den smider siden i center ;)

Nices....

Er det i øvrigt ikke lukketid??
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
Kurser inden for grundlæggende programmering

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