Browserprobleme

Schubi · 11.08.2005, 12:29

Hi!!

Also ich habe mir eine Homepage erstellt und diese dann mit den verschiedensten Browsern und auflösungen getestet!

Bei Firefox

eer Park Alpha wird alles richtig angezeigt: siehe Screenshot

Bei dem Firefox(normalem) mit anderer Bildschirmauflösung wird mir das angezeigt:

und im IE siehts richtig schlimm aus ^^:

so und hier ist der quellcoder der kompletten site:
(ich glaube allerdings das das problem in den stylesheets liegt aber ich weiß0 es wirklich nicht):

index.php:

Code:

<?php 
        error_reporting(E_ALL);
include "inc/config.php";
echo    "<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01//EN\">\n";
echo    "<html>\n";
echo    "  <head>\n";
echo    "   <title>11a</title>\n";
echo    "   <link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\" />\n";
echo    "   <meta http-equiv=\"content-type\" content=\"text/html; charset=iso-8859-1\">\n";
echo    "  </head>\n";
echo    "<body>\n";
echo    "<div id=\"root\">\n";
echo    "   <div id=\"banner\">\n";
include "banner.php";
echo    "</div>\n";
echo    "<div id=\"links\">\n";
include "links.php";
echo    "</div>\n";
echo    "<div id=\"mitte\">\n";
include "mitte.php";
echo    "</div>\n";
echo    "<br style=\"clear:both;\" />\n";
echo    "</div>\n";


    
echo  "</body>\n";
echo  "</html>\n";

links.php:

Code:

<?php
echo "";
echo "
<a href=\"index.php\">News</a>";

echo "
";
?>

mitte.php:

Code:

<?php
if (isset($_GET['section']) AND isset($_GET[$dateien['section']])) {
include $dateien[$_GET['section']];
}
    else {
    include $dateien['news'];
    }

?>

news.php:

Code:

<?php
echo "Ich teste gerade die Designs
";
echo "TESTTESTTESTTEST";

?>

style.css:

Code:

#banner {
position:absolute; top:00px; left:00px; width:400px; height:80px; z-index:1;
background-color:transparent; background-repeat:no-repeat;
}

#links {
position:absolute; top:80px; left:0px; width:120px; height:500px; z-index:1;
background-color:transparent; background-repeat:no-repeat;
}

#mitte {
position:absolute; top:169px; left:263px; width:345px; height:488px; z-index:1;
background-color:transparent; background-repeat:no-repeat;
}

#root{
position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1;
background-image:url(background3.jpg); background-repeat:no-repeat;
}

pherfinion · 11.08.2005, 12:43

Im Grunde zeigt der Screenshot doch genau das was Du im style.css geschrieben hast. Ich weiss nicht wie es wirklich aussehen soll. IE und FF interpretieren css gern unterschiedlich.
Lösung:

Code:

<link href="style.css" rel="stylesheet" type="text/css" />
<!--[if IE ]>
<link type=text/css rel=stylesheet href=style_ie.css>
<![endif]-->

Nur mal als erster Ansatz.

Pherfinion

agrajag · 11.08.2005, 12:43

Das ist kein PHP-Problem:
Der Beitrag wurde verschoben, wegen...
... Postings im falschen Forum. Bitte beim nächsten Mal darauf achten..

moved to (X)HTML, CSS & JavaScript

Bitte bei solchen Problemen den _entstandenen HTML-Code_ posten - PHP-Code intressiert da nicht. Ein Link auf die Seite kann auch helfen um sich das ganze mal live und in Farbe anzusehn.

Schubi · 11.08.2005, 13:04

und das geht?? ich meine das mit dem if IE ist das jetzt ausgedacht also das ich vorher noch auslesen muss ob IE oder Firefox oder geht das so wie du das geschrieben hast

link auf die site:

Klick

ach ja außerdem wird (wenn ich viel txt schriebe) über die "box" hinausgeschrieben!

wie bekomme ich einen zeilenumbruch (automatisch-->sodass jede auflösung funktioniert) hin?

Baltasar · 11.08.2005, 13:45

zu dem prob mit dem inhalt, der über die box geht: http://www.css4you.de/overflow.html

und ansonsten mal das hier anschauen..das erklärt denke ich mal die anzeige-probleme im ie: http://www.css4you.de/wsboxmodell/index.html

Schubi · 11.08.2005, 14:05

Hey cool

danke!!

(P.S.: SCHEIß IE :wink: )

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Browserprobleme	Igäl	HTML, Usability und Barrierefreiheit	6	03.05.2005 15:26


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

11.08.2005, 12:43
pherfinion Benutzer Registriert seit: 15.12.2004 Beiträge: 73	Im Grunde zeigt der Screenshot doch genau das was Du im style.css geschrieben hast. Ich weiss nicht wie es wirklich aussehen soll. IE und FF interpretieren css gern unterschiedlich. Lösung: Code: <link href="style.css" rel="stylesheet" type="text/css" /> <!--[if IE ]> <link type=text/css rel=stylesheet href=style_ie.css> <![endif]--> Nur mal als erster Ansatz. Pherfinion __________________ Fliegen ist die Kunst, sich auf den Boden zu werfen, aber daneben(frei nach D. Adams)

11.08.2005, 12:43
agrajag Moderator Registriert seit: 02.10.2006 Beiträge: 3.820 PHP-Kenntnisse: Fortgeschritten	Das ist kein PHP-Problem: Der Beitrag wurde verschoben, wegen... ... Postings im falschen Forum. Bitte beim nächsten Mal darauf achten.. moved to (X)HTML, CSS & JavaScript Bitte bei solchen Problemen den _entstandenen HTML-Code_ posten - PHP-Code intressiert da nicht. Ein Link auf die Seite kann auch helfen um sich das ganze mal live und in Farbe anzusehn. __________________ Today you...Tomorrow me.

11.08.2005, 13:04
Schubi Benutzer Registriert seit: 05.08.2005 Beiträge: 64	und das geht?? ich meine das mit dem if IE ist das jetzt ausgedacht also das ich vorher noch auslesen muss ob IE oder Firefox oder geht das so wie du das geschrieben hast link auf die site: Klick ach ja außerdem wird (wenn ich viel txt schriebe) über die "box" hinausgeschrieben! wie bekomme ich einen zeilenumbruch (automatisch-->sodass jede auflösung funktioniert) hin?

11.08.2005, 13:45
Baltasar Erfahrener Benutzer Registriert seit: 26.10.2003 Beiträge: 592	zu dem prob mit dem inhalt, der über die box geht: http://www.css4you.de/overflow.html und ansonsten mal das hier anschauen..das erklärt denke ich mal die anzeige-probleme im ie: http://www.css4you.de/wsboxmodell/index.html

11.08.2005, 14:05
Schubi Benutzer Registriert seit: 05.08.2005 Beiträge: 64	Hey cool danke!! (P.S.: SCHEIß IE :wink: )