Problem mit der Darstellung in Browsern
dannylein
- 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"> </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"> </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
<title>The-FutureX Webdesign</title>
<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">
und dann:
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" height="1000" border="0" cellpadding="0" cellspacing="0">
Nee, ist klar. Gehe zurück auf LOS und lerne erst mal vernünftig die grundlagen. Das da oben und alles nicht zitierte ist müll aus dem vorigen jahrhundert. Sorry, aber wer *sowas* auf seiner seite anbietet, sollte das wort webdesign nicht einmal denken.
Hallo,
ich hoffe ihr könnte mir mit meinem problem weiterhelfen.
The-FutureX
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.
wenn Du schon auf verschachtelte Tabellen setzt, dann mach' es konsequent: Pack' Deine Footergrafik in eine Zeile Deiner äußeren Tabelle, die über die ganze Breite geht und genau eine Zelle enthält.
Viel besser wäre es, Dein Tabellenkonstrukt sowie die veralteten HTML-Attribute einfach zu entsorgen und statt dessen CSS und semantisches Markup zu verwenden. Ich empfehle Dir dazu den SELFHTML-Abschnitt <http://de.selfhtml.org/css/layouts/index.htm@title=CSS-basierte Layouts>.
Freundliche Grüße
Vinzenz