Website unter Firefox richtig, bei Internet Explorer fehlerhaft

Apfelmus92

Cadet 2nd Year
Registriert
Nov. 2007
Beiträge
18
Hallo,

ich habe eine Website erstellt, welche unter Firefox so gut wie fehlerfrei funktioniert, beim IE jedoch komplett falsch angezeigt wird. Anscheinen erkennt der IE nicht, dass die <div>'s zentriert sein sollen, und auch die Breite des <p>-Tags wird nicht verarbeitet.
Hab schon einiges probiert, finde jedoch den Fehler nicht.
Der Fehler ist in der index.php
www.walfangdemo2010.de oder www.walfangdemo2010.bplaced.net/index.php

Vielen Dank für jedwege Hilfe

MfG

Enrico
 
check mal deine seite mit http://validator.w3.org/ und beseitige die fehler, dann sollte es passen


- edit -
hab deine seite mal durchlaufen lassen.
es fehlen wohl hier und da ">" und da sind wohl auch noch n paar andere fehler drin
 
Zuletzt bearbeitet:
Hallo,

Wenn sich das Problem im IE8 mit CSS beheben lässt, kannst du ein spezielles CSS-File erstellen, welches nur beim IE verwendet wird:

<!--[if IE 8]>
<style .... />
<![endif]-->
 
Zuletzt bearbeitet:
Im Opera wird die Seite ebenfalls falsch angezeigt. Dürfte also kein IE-spezifisches Problem sein.
 
Kein Wunder, dass die nicht richtig angezeigt wird. Die ist ja auch voller Fehler.
Warum fragst du da überhaupt noch? ;(
 
AW: Walfangdemo

Zitat: "Der Fehler ist in der index.php" ... ist er nicht - die index.php ist das script [od. die scriptclass - weiss nicht, zeigst Du ja nicht], das Dir [z.B.] die Inhalte der Webssite zusammenschraubt. Wär da ein Fehler, würd die Seite nicht angezeigt werden.

Zu Deinem Problem: Hab mir die Seite "http://www.walfangdemo2010.bplaced.net/index.php" mal angesehen - m.M. sollten Deine HTML-Codes in etwa [erstmal] so aussehen:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>www.walfangdemo2010.de</title>
</head>
<frameset>
<frame src="a.htm" />
</frameset>
</html>

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Walfangdemo am 20. Juli 2010 in Karlsruhe</title>

<style type="text/css">

/*<![CDATA[*/
body{margin:0;padding:0;font-family:Georgia,"Times New Roman", 
Times,serif;font-size:14px;color:#5A554E;}

h1,h2,h3{margin:0;padding:0;font-weight:normal;color:#32639A;
font-family:Georgia,"Times New Roman",Times,serif;}
h1{font-size:24px;}
h2{font-size:18px;}
h3{font-size:16px;}

p,ul,ol{margin-top:0;font-family:"Trebuchet MS",Georgia,
"Times New Roman",Times,serif;}
ul,ol{margin:0px;padding:0px;list-style:none;}

a{text-decoration:underline;color:#516C00;}
a:hover{text-decoration:none;}

h2 a{text-decoration:none;}
#menu{margin:auto;width:805px;height:28px;text-align:center;
padding:o;margin-top:147px;}

#menu ul{float:center;list-style:none;line-height:normal;
margin:auto;text-align:center;}
#menu li{float:left;}
#menu a{display:block;width:132px;height:28px;padding-top:3px;
font-family:Arial,Helvetica,sans-serif;text-decoration:none;
text-align:center;font-size:18px;font-weight:normal;
background:url(img.png) no-repeat left top;color:#FFFFFF;border:none;}
#menu a:hover{text-decoration:none;padding-left:0;color:#05143C;}
#menu .current_page_item a{padding-left:0;color:#05143C;
text-decoration:none;}

#page{margin:auto;width:769px;height:404px;background:#afc9e6;margin-top:17px;}
#content{padding:0px 10px 0px 10px;font-size:16px;font-family:Arial}
#content a:link{text-decoration:none;font-weight:bold;color:#5082B4;}
#content a:visited{text-decoration:none;font-weight:bold;color:#104E8B;}
#content a:hover{text-decoration:none;font-weight:bold;color:#104E8B;}
#content a:active{text-decoration:none;font-weight:bold;color:#104E8B;}
#footer{height:50px;width:769px;margin:0 auto;padding:0px 0 15px 0;
font-family:Arial,Helvetica,sans-serif;}
#footer p{margin:0;text-align:right;line-height:normal;fontsize:12px;
color:#05143C;}#footer a{text-decoration:underline;color:#05143C;}

/*]]>*/

</style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body style=
"background-image: url(&quot;bg.png&quot;); background-color: rgb(6, 6, 60); 
background-repeat: no-repeat; background-position: 50% 40px;">

<div>
<div id="menu">
<ul>
<li class="current_page_item">&nbsp;&nbsp;</li>

<li class="current_page_item">
<a href="http://walfangdemo2010.bplaced.net/?show=infos">Infos</a></li>
<li><a href="http://walfangdemo2010.bplaced.net/?show=hintergrund">Hintergrund</a></li>
<li><a href=
"http://www.wdcs-de.org/view_e_protest_iwc.php?e_protest_select=32&amp;&amp;select=450">
Onlinepetition</a></li>
<li><a href="http://walfangdemo2010.bplaced.net/forum/index.php">Forum</a></li>
<li><a href="http://walfangdemo2010.bplaced.net/?show=route">Route</a></li>
<li><a href="http://walfangdemo2010.bplaced.net/?show=tipps">Tipps&amp;Slogans</a></li>
</ul>
</div></div>

<div id="page">
<div id="content">

<h1>Walfangverbot vor der Auflösung!</h1>

</div></div>

</body>
</html>

Die Darstellung im IE sollte so in etwa funktionieren [ev. margins und paddings nachbessern - hab mir die CSS-Deklarationen nicht näher angesehen].

Noch ein Hinweis zu Deiner verwendeten HTML-Variante [aus SelfHtml]: Frames als Mittel für Seiten-Layouts

:-(

ps. Die Style-Selektoren könntest Du in eine separate Datei auslagern.

pps. "... index.php?show=hintergrund" ... Die "show" würd ich im Script auf "page" ändern [nat. reine Geschmackssache]

GF
 
Zuletzt bearbeitet: (Syntax-Highlights entfernt)
@asdfman
Kommentare die die Welt nicht braucht

@Apfelmus92
Ich hatte mich schon gefragt, wann du wieder was schreibst. Hab mir die Seite ja ab und an mal angeschaut... mit dem IE :D... und wie ich gerade sehe, bist am arbeiten, sieht schon etwas besser aus als vorher.

Um der Sache auf den Grund zu gehen, würde ich schon mal CSS komplett in eine Extra Datei packen.

Dazu einfach alles was in dem Teil

<style></style> ( nur was dazwischen steht, style selbst nicht )

in eine einfache Textdatei packen und die nennst denn z.B. style.css

die kannst dann so reinladen:

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

Dann ist das ganze schon mal etwas übersichtlicher.

Ich kann ja mal schauen, das ich was zusammen bastel wenn du nicht weiter kommst

Gruß

HD

UPS.... war schon jemand schneller :D
 
Zurück
Oben