Avatar billede kaptajnkemo Nybegynder
11. marts 2003 - 20:31 Der er 8 kommentarer og
1 løsning

Centrering

Er der nogen som kan fortælle mig hvorfor denne side ikke er centreret?

www.letcom.dk/beta
Avatar billede medions Nybegynder
11. marts 2003 - 20:34 #1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onLoad="MM_preloadImages('images/nyheder-over.jpg','images/produkter-over.jpg','images/referencer-over.jpg','images/kontakt-over.jpg','images/internettet-over.jpg','images/om_letcom-over_2.jpg')">

<table cellpadding="0" cellspacing="0" align="center" style="height: 100%; width: 100%;">
    <tr>
        <td align="center" style="height: 100%; width: 100%;">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="3%" rowspan="5"><img name="left" src="images/left.jpg" width="34" height="569" alt=""></td>
    <td width="70%"><img name="top" src="images/top.jpg" width="734" height="77" alt=""></td>
    <td width="27%" rowspan="5"><img name="right" src="images/right.jpg" width="32" height="569" alt=""></td>
  </tr>
  <tr>
    <td><img name="undertop" src="images/under_top.jpg" width="734" height="36" alt=""></td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="3%"><img name="lefttomenu" src="images/left_to_menu.jpg" width="19" height="292" alt=""></td>
          <td width="17%"><table width="75%" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td><img name="overmenu" src="images/over_menu.jpg" width="142" height="59" alt=""></td>
              </tr>
              <tr>
                <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image22','','images/nyheder-over.jpg',1)"><img src="images/nyheder.jpg" name="Image22" width="142" height="27" border="0"></a></td>
              </tr>
              <tr>
                <td><img name="undernyheder" src="images/under_nyheder.jpg" width="142" height="6" alt=""></td>
              </tr>
              <tr>
                <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image23','','images/internettet-over.jpg',1)"><img src="images/internettet.jpg" name="Image23" width="142" height="27" border="0"></a></td>
              </tr>
              <tr>
                <td><img name="underinternettet" src="images/under_internettet.jpg" width="142" height="6" alt=""></td>
              </tr>
              <tr>
                <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image24','','images/produkter-over.jpg',1)"><img src="images/produkter.jpg" name="Image24" width="142" height="27" border="0"></a></td>
              </tr>
              <tr>
                <td><img name="underprodukter" src="images/under_produkter.jpg" width="142" height="6" alt=""></td>
              </tr>
              <tr>
                <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image25','','images/referencer-over.jpg',1)"><img src="images/referencer.jpg" name="Image25" width="142" height="27" border="0"></a></td>
              </tr>
              <tr>
                <td><img name="underrefferencer" src="images/under_referencer.jpg" width="142" height="6" alt=""></td>
              </tr>
              <tr>
                <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image26','','images/om_letcom-over_2.jpg',1)"><img src="images/om_letcom_2.jpg" name="Image26" width="142" height="27" border="0"></a></td>
              </tr>
              <tr>
                <td><img name="underomletcom" src="images/under_om_letcom.jpg" width="142" height="6" alt=""></td>
              </tr>
              <tr>
                <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image27','','images/kontakt-over.jpg',1)"><img src="images/kontakt.jpg" name="Image27" width="142" height="27" border="0"></a></td>
              </tr>
              <tr>
                <td><img name="underkontakt" src="images/under_kontakt.jpg" width="142" height="41" alt=""></td>
              </tr>
            </table></td>
          <td width="2%"><img name="righttomenu" src="images/right_to_menu.jpg" width="15" height="292" alt=""></td>
          <td width="78%"><img src="images/empty_text_box-internettet_.jpg" width="558" height="292"></td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td><img name="underbox" src="images/under_box.jpg" width="100%" height="39" alt=""></td>
  </tr>
  <tr>
    <td height="125"><img name="bottom" src="images/bottom.jpg" width="100%" height="125" alt=""></td>
  </tr>
</table>
        </td>
    </tr>
</table>
</body>
</html>
//>Rune
Avatar billede medions Nybegynder
11. marts 2003 - 20:39 #2
For at centere din side skal du ligge en tabel uden om det hele der har en width på 100% og en height på 100%, herefter skal du center aligne din <td> som indeholder resten af sitet. Så skulle det gerne spille ;o)

//>Rune
Avatar billede kaptajnkemo Nybegynder
11. marts 2003 - 20:45 #3
Tak for svaret.... Det virker desværre ikke.
Andre forslag?
Avatar billede medions Nybegynder
11. marts 2003 - 20:47 #4
Hmm jamen så prøver vi sådan her:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onLoad="MM_preloadImages('images/nyheder-over.jpg','images/produkter-over.jpg','images/referencer-over.jpg','images/kontakt-over.jpg','images/internettet-over.jpg','images/om_letcom-over_2.jpg')">
<center>
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
  <tr>
    <td width="3%" rowspan="5"><img name="left" src="images/left.jpg" width="34" height="569" alt=""></td>
    <td width="70%"><img name="top" src="images/top.jpg" width="734" height="77" alt=""></td>
    <td width="27%" rowspan="5"><img name="right" src="images/right.jpg" width="32" height="569" alt=""></td>
  </tr>
  <tr>
    <td><img name="undertop" src="images/under_top.jpg" width="734" height="36" alt=""></td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="3%"><img name="lefttomenu" src="images/left_to_menu.jpg" width="19" height="292" alt=""></td>
          <td width="17%"><table width="75%" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td><img name="overmenu" src="images/over_menu.jpg" width="142" height="59" alt=""></td>
              </tr>
              <tr>
                <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image22','','images/nyheder-over.jpg',1)"><img src="images/nyheder.jpg" name="Image22" width="142" height="27" border="0"></a></td>
              </tr>
              <tr>
                <td><img name="undernyheder" src="images/under_nyheder.jpg" width="142" height="6" alt=""></td>
              </tr>
              <tr>
                <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image23','','images/internettet-over.jpg',1)"><img src="images/internettet.jpg" name="Image23" width="142" height="27" border="0"></a></td>
              </tr>
              <tr>
                <td><img name="underinternettet" src="images/under_internettet.jpg" width="142" height="6" alt=""></td>
              </tr>
              <tr>
                <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image24','','images/produkter-over.jpg',1)"><img src="images/produkter.jpg" name="Image24" width="142" height="27" border="0"></a></td>
              </tr>
              <tr>
                <td><img name="underprodukter" src="images/under_produkter.jpg" width="142" height="6" alt=""></td>
              </tr>
              <tr>
                <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image25','','images/referencer-over.jpg',1)"><img src="images/referencer.jpg" name="Image25" width="142" height="27" border="0"></a></td>
              </tr>
              <tr>
                <td><img name="underrefferencer" src="images/under_referencer.jpg" width="142" height="6" alt=""></td>
              </tr>
              <tr>
                <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image26','','images/om_letcom-over_2.jpg',1)"><img src="images/om_letcom_2.jpg" name="Image26" width="142" height="27" border="0"></a></td>
              </tr>
              <tr>
                <td><img name="underomletcom" src="images/under_om_letcom.jpg" width="142" height="6" alt=""></td>
              </tr>
              <tr>
                <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image27','','images/kontakt-over.jpg',1)"><img src="images/kontakt.jpg" name="Image27" width="142" height="27" border="0"></a></td>
              </tr>
              <tr>
                <td><img name="underkontakt" src="images/under_kontakt.jpg" width="142" height="41" alt=""></td>
              </tr>
            </table></td>
          <td width="2%"><img name="righttomenu" src="images/right_to_menu.jpg" width="15" height="292" alt=""></td>
          <td width="78%"><img src="images/empty_text_box-internettet_.jpg" width="558" height="292"></td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td><img name="underbox" src="images/under_box.jpg" width="100%" height="39" alt=""></td>
  </tr>
  <tr>
    <td height="125"><img name="bottom" src="images/bottom.jpg" width="100%" height="125" alt=""></td>
  </tr>
</table>
</center>
</body>
</html>

//>Rune
Avatar billede kaptajnkemo Nybegynder
11. marts 2003 - 20:53 #5
heller intet ;)
Avatar billede backside Nybegynder
11. marts 2003 - 21:10 #6
Lige efter body:
<table width="100%" height="100%" cellspacing="0" cellpadding="0"><tr><td align="center">

Og lige før </body>:
</td></tr></table>


Derefter skal du kikke på de celler du har i højre side, det er dem der giver dig problemer tror jeg.
Avatar billede backside Nybegynder
11. marts 2003 - 21:11 #7
Ok, og lige en </center> mere i bunden.
Avatar billede kaptajnkemo Nybegynder
11. marts 2003 - 21:14 #8
medions> jeps.... virkede alligevel.... tastefejl ;)

backside> nemlig :)
Avatar billede medions Nybegynder
11. marts 2003 - 21:15 #9
*G* Fair nok :-)
Thx 4 Poinz

//>Rune
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