Problem mit der Darstellung in Browsern von dannylein, 21.10.2008 20:55

Problem mit der Darstellung in Browsern

dannylein 21.10.2008 20:55

html

Hi liebe Community,

ich hoffe ihr könnte mir mit meinem problem weiterhelfen. Also ich bin dabei diese Seite umzusetzen:

Wenn man das ganze im Firefox betrachtet, wird es - zumindest bei mir - problemlos dargestellt. Allerdings betrachte man das ganze im Internet Explorer, so wird der ganze Untere Teil der Seite zerfetzt.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>The-FutureX Webdesign</title>
<meta name="author" content="the futureX.de - Daniel Ehrenhofer">
<meta name="DC.Subject" content="The-FutureX Webdesign">
<meta name="DC.Publisher" content="The-FutureX Webdesign">
<meta name="DC.Creator" content="The-FutureX Webdesign">
<meta name="DC.Contributor" content="The-FutureX Webdesign">
<meta name="Publisher-email" content="webmaster@the-futurex.de">
<meta name="Keywords" content="webdesign, the-futurex, the-futurex.de, the-futurex.de webdesign, webdesign, design, gfx, grafikdesign, community, webdesign community, webdesign-community, code, php, mysql, cms, content management, clanpage, clanpages, clanseite, clanseiten, business, free clan templates, free clan layouts, free templates, templates, template, layout, free layout, tutorials, tut, tutorial, grafik tutotial, ps tutorial, photoshop tutorial, c4d tutorial, tfx forum">
<meta name="DC.Description" content="The-FutureX.de erstellt ihnen ihren Internetauftritt schnell und zuverlässig. Wir passen ihnen ihre Homepage nach ihren Wünschen und Bedürfnissen an.Wir überzeugen durch Kundenfreundlichkeit und enger Kundenarbeit.Überzeugen sie sich selbst">
<meta name="DC.Language" content="de">
<meta name="robots" content="INDEX, NOFOLLOW">
<meta name="revisit-after" content="16">
<meta name="DC.Date" content="1116438000">
<meta name="DC.Identifier" content="11">
<meta name="DC.Rights" content="(C)opyright by The-FutureX.de Webdesign">
<meta name="cache-control" content="cache">
<meta name="DC.Title" content="The-FutureX Webdesign">
<meta http-equiv="Page-Enter" content="blendTrans(Duration=0.3)" />
<meta http-equiv="Page-Exit" content="blendTrans(Duration=0.3)" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link rel="stylesheet" type="text/css" href="tfx.css"></link>

</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" height="1000" border="0" cellpadding="0" cellspacing="0">
 <tr>
  <td valign="top">
   <table width="100%" height="1000" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td background="img/puffer.jpg">&nbsp;</td>
    </tr>
   </table>
  </td>
  <td width="1000">
   <table align="center" width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr height="57">
     <td colspan="10" class="logo1" width="1000"></td>
    </tr>
    <tr height="30">
     <td colspan="2" class="logo2" width="434"></td>
     <td class="hover1" width="94"></td>
     <td class="hover2" width="81"></td>
     <td class="hover3" width="82"></td>
     <td colspan="2" class="hover4" width="81"></td>
     <td class="hover5" width="83"></td>
     <td class="hover6" width="83"></td>
     <td class="navir" width="62"></td>
    </tr>
    <tr height="160">
     <td colspan="6" class="headinfo" width="758"></td>
     <td colspan="4" class="newsold" width="242"></td>
    </tr>
    <tr height="147">
     <td class="login" width="252"></td>
     <td colspan="9" class="header2" width="748"></td>
    </tr>
    <tr>
     <td class="aktu" width="252" height="151"></td>
     <td colspan="9" rowspan="2" class="content" width="748" height="527"></td>
    </tr>
    <tr>
     <td rowspan="2" class="left" width="252" height="455"></td>
    </tr>
    <tr>
     <td colspan="9" class="footer" width="748" height="79"></td>
    </tr>
    <tr>
     <td class="absh" width="252" height="1"></td>
     <td class="absh" width="182" height="1"></td>
     <td class="absh" width="94" height="1"></td>
     <td class="absh" width="81" height="1"></td>
     <td class="absh" width="82" height="1"></td>
     <td class="absh" width="67" height="1"></td>
     <td class="absh" width="14" height="1"></td>
     <td class="absh" width="83" height="1"></td>
     <td class="absh" width="83" height="1"></td>
     <td class="absh" width="62" height="1"></td>
    </tr>
   </table>
  </td>
  <td valign="top">
   <table width="100%" height="1000" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td background="img/puffer.jpg">&nbsp;</td>
    </tr>
   </table>
  </td>
 </tr>
</table>
</body>
</html>

body
{
  font-family: verdana, arial, sans-serif, helvetica;
  font-size: 12px;
}

.link0
{
  font-family: verdana;
  color: #2C6189;
  text-decoration: none;
}
.link0:hover
{
  color: black;
}

.link1
{
  font-family: verdana;
  color: #4279A3;
  text-decoration: none;
}
.link1:hover
{
  color: black;
}

.link2
{
  font-family: verdana;
  color: #ffffff;
}
.link2:hover
{
  color: black;
}


.absh
{
  background-image: url(img/abstandhalter.gif);
  background-repeat: no-repeat;
}

.logo1
{
  background-image: url(img/logo1.jpg);
  background-repeat: no-repeat;
}

.logo2
{
  background-image: url(img/logo2.jpg);
  background-repeat: no-repeat;
}



.hover1 {

         width: 94px;
         height:30px;
         background: url("img/navi/home_hoff.jpg") 0 0 no-repeat;
          margin: auto;

}

.hover1:hover {

       background: url("img/navi/home_hon.jpg") 0 0 no-repeat;
       margin: auto;

}

.hover2 {

         width: 81px;
         height:30px;
         background: url("img/navi/about_hoff.jpg") 0 0 no-repeat;
          margin: auto;

}

.hover2:hover {

       background: url("img/navi/about_hon.jpg") 0 0 no-repeat;
       margin: auto;

}

.hover3 {

         width: 82px;
         height:30px;
         background: url("img/navi/ref_hoff.jpg") 0 0 no-repeat;
          margin: auto;

}

.hover3:hover {

       background: url("img/navi/ref_hon.jpg") 0 0 no-repeat;
       margin: auto;

}

.hover4 {

         width: 81px;
         height:30px;
         background: url("img/navi/art_hoff.jpg") 0 0 no-repeat;
          margin: auto;

}

.hover4:hover {

       background: url("img/navi/art_hon.jpg") 0 0 no-repeat;
       margin: auto;

}

.hover5 {

         width: 83px;
         height:30px;
         background: url("img/navi/ange_hoff.jpg") 0 0 no-repeat;
          margin: auto;

}

.hover5:hover {

       background: url("img/navi/ange_hon.jpg") 0 0 no-repeat;
       margin: auto;

}

.hover6 {

         width: 83px;
         height:30px;
         background: url("img/navi/kon_hoff.jpg") 0 0 no-repeat;
          margin: auto;

}

.hover6:hover {

       background: url("img/navi/kon_hon.jpg") 0 0 no-repeat;
       margin: auto;

}


.navir
{
  background-image: url(img/navi_r.jpg);
  background-repeat: no-repeat;
}
.headinfo
{
  background-image: url(img/header_info.jpg);
  background-repeat: no-repeat;
}
.newsold
{
  background-image: url(img/news_old.jpg);
  background-repeat: no-repeat;
}
.login
{
  background-image: url(img/login.jpg);
  background-repeat: no-repeat;
}
.header2
{
  background-image: url(img/header2.jpg);
  background-repeat: no-repeat;
}

.aktu
{
  background-image: url(img/aktu_pro.jpg);
  background-repeat: no-repeat;
}
.content
{
  background-image: url(img/content.jpg);
  background-repeat: no-repeat;
}
.left
{
  background-image: url(img/leftsite.jpg);
  background-repeat: no-repeat;
}
.footer
{
  background-image: url(img/footer.jpg);
  background-repeat: no-repeat;
}

.contentbordercolor
{
  color: black;
  font-family: verdana, arial, sans-serif, helvetica;
  font-size: 9px;
 }

.contentfontcolor
{
  color: #2C6189;
  font-family: verdana, arial, sans-serif, helvetica;
  font-size: 9px;
 }

 .menuebordercolor
{
  color: #ffffff;
  font-family: verdana, arial, sans-serif, helvetica;
  font-size: 9px;
 }

  .kontakt
{
  width: 235px; padding: 5px;
  width: 200px;
  color: #2C6189;
  font-family: verdana, arial, sans-serif, helvetica;
  font-size: 9px;
 }

Ich hab jetzt schon Stunden damit verbracht rauszufinden was das soll, bin aber leider auf keine Lösung gekommen, vielleicht hat ja hier jemand die passende Lösung.

Ich danke euch schon jetzt für eure Hilfe.

Gruß, Danny

Beitrag melden

– Informationen zu den Bewertungsregeln

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

dannylein: Problem mit der Darstellung in Browsern

Beitrag lesen

Problem mit der Darstellung in Browsern

Problem mit der Darstellung in Browsern

Problem mit der Darstellung im IE