[Erledigt] Darstellung browserabhänig - warum?

Konsti Vog. · 26.07.2010, 11:52

Hi @ all,

Ich bin gerade dabei, eine Neue Seite zu erstellen, bin aber beim testen des designs auf ein problem gestoßen:

Im Firefox sieht das ganze so aus: Bild Firefox... -- SO habe ich mir es auch vorgestellt!
Im Internet Explorer sieht das ganze dann etwas anders aus: Bild IE ;

Wie man sieht, stellt der IE die komlette seite falsch dar. die Menüleiste ist verschoben...

Ich arbeite im Quelltext mit CSS und

HTML (: .
Ich habe den verdacht, dass der IE margin oder position:fixed nicht richtig interprtiert.

Ich hoffe ihr könnt mir helfen!

achso:
In Netscape wird die seite auch richtig dargestellt!

ChrisB · 26.07.2010, 11:55

Und ich habe den Verdacht, dass du weder dein HTML und CSS validiert hast, noch dich darum gekümmert hast, das Dokument nicht im Quirks Mode darstellen zu lassen.

Mehr als vermuten kann man allerdings nicht, wenn du nur Bildchen zeigst, und keinen Quellcode.

Flor1an · 26.07.2010, 11:57

Du verwendest noch nen Netscape?

Ohne Quellcode und Livedemo können wir dir schlecht helfen.

Ansonsten Willkommen im Leben der Webentwickler ... Browserbugs werden dein größter Feind werden

Konsti Vog. · 26.07.2010, 12:01

Ok, Quellltext HTML:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">





<html>
<head>
<title>test</title>
<link href="design.css" type="text/css" rel="stylesheet" />
</head>
<body><center>

<div class=header align=center>
        <table border=0 cellspacing=0 cellpadding=0 align=center style="width:990" >
        <tr><td style="    background-image:url(images/menu_horz/menu_left.jpg);  width:7px;">
        </td><td id=menu1 background="images/menu_horz/menu_bg.jpg">
        <a href="" >Startseite</a>
        </td><td id=menu1 background="images/menu_horz/menu_bg.jpg">
        <a href="">Über Uns</a>
        </td><td id=menu1 background="images/menu_horz/menu_bg.jpg">
        <a href="">Kundendienst-Suche</a>
        </td><td id=menu1 background="images/menu_horz/menu_bg.jpg">
        <a href="">Kundenbereich</a>
        </td><td id=menu1 background="images/menu_horz/menu_bg.jpg">
        <a href="">Kontakt</a>
        </td><td id=menu2 id=menu1 background="images/menu_horz/menu_bg.jpg">
        <a href="">Impressum</a>
        </td><td>
        <img src="images/menu_horz/menu_right.jpg">
        </td></tr>
        </table>
</div>
<div>
<img src="images/logo.png" border=0 class=headimg >
</div>
<div class=inhalt>
Inhalt
</div>
</center>
</body>
</html>

Quelltext css:

Code:

body {
    background-color:212121;
    color:#000000;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.header {
    height:55px;
    width:100%;
    margin:50 auto auto auto;
}

.headimg {
    margin:-1 auto auto auto;
        padding-top:0;
    padding-bottom:0;
}

.menuvert {
    margin:200 auto auto 0;
    margin-left:0;
    margin-top:200;
    width:100;
    background-color:#ff0000;
    position:absolute;
    position:fixed;
}

.menuverttab {
    width:100
}

.inhalt {
    width:1000;
    background-color:#ffffff;
}

#menu1 a, #menu2 a {
    font-family:arial, helvetica, tahoma ,verdana, sans-serif;
    font-size: 12pt;
    text-align:center;
    color:#000000;
    height:54px;
    text-decoration:none ;
    line-height:46px;
    vertical-align:middle;
    padding-left:20;
    padding-right:20;
    padding-top:0;
    padding-bottom:0;
}


#menu1 a, #menu1 a:visited , #menu1 a:active {
    display: block;
    background:url(images/menu_horz/menu_trenn.jpg) right no-repeat;
}

#menu2 a, #menu2 a:visited , #menu2 a:active {
    display: block;
}

#menu1 a.last {
background:none;
}



#menu1 a:hover, #menu2 a:hover{
background-image:url(images/menu_horz/menu_bg_hover.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
}

ChrisB · 26.07.2010, 12:05

Zitat:

Zitat von Konsti Vog.

Ok, Quellltext HTML:

Validieren gehen, zack-zack!
The W3C Markup Validation Service

Zitat:

Quelltext css:

Validieren gehen, zack-zack!
The W3C CSS Validation Service

Über das Stichwort Quirks Mode informieren gehen.

Und über zeitgemäße Nutzung von HTML informieren gehen - insb. was den Verzicht auf den Missbrauch von Tabellen als Layoutwerkzeug angeht.
Eine Menü bspw. wird heutzutage sinnvoll als Liste von Links umgesetzt.

Konsti Vog. · 26.07.2010, 13:05

Validiert und es funktioniert

Ich weiß, aber ich hab das mit der liste noch nicht recht verstanden, und kriege die formatierung mit CSS immer nicht hin!

Ich muss dieses Projekt rausbekommen, dann beschäftige ich mich damit und werde es später ändern!!!

Danke Chris!!!!!!!!!

tr0y · 28.07.2010, 13:11

Zitat:

Zitat von Konsti Vog.

Validiert und es funktioniert

Ich weiß, aber ich hab das mit der liste noch nicht recht verstanden, und kriege die formatierung mit CSS immer nicht hin!

Ich muss dieses Projekt rausbekommen, dann beschäftige ich mich damit und werde es später ändern!!!

Danke Chris!!!!!!!!!

Dein Table-Chaos kriegst du auch mit 4 Divs und ner unsortierten Liste hin. Wesentlich weniger aufwand und auch von "anderen" als normalen Menschen lesbar. ( Blinde

)

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
Darstellung von daten aus einer OpenOffice-Tabelle	boser	PHP Tipps 2009	7	02.09.2009 18:11
PHP script in php-Seite "stört" Darstellung	werner-b	PHP Tipps 2009	2	19.08.2009 12:45
[Erledigt] textaera Problem mit Darstellung	Sauerland	PHP Tipps 2009	21	16.07.2009 17:52
Darstellung 2 Dropdowns mit gegenseitiger Aktualisierung		HTML, Usability und Barrierefreiheit	6	19.01.2006 17:07
netzwerküberwachung / darstellung	hekto	Server, Hosting und Workstations	5	18.08.2005 11:24
Komisches Problem bei der Darstellung		PHP Tipps 2005-2	4	25.07.2005 11:15
prob beim löschen von datensätzen und der darstellung danach		PHP Tipps 2005-2	4	17.07.2005 21:42
Falsche Darstellung in Firefox und Problem mit Div größe		HTML, Usability und Barrierefreiheit	7	14.07.2005 16:40
darstellung mit tabellen	skydreamboy	PHP Tipps 2005-2	18	09.07.2005 00:31
IE falsche darstellung von border eigenschaften		HTML, Usability und Barrierefreiheit	1	20.06.2005 11:50
Umlaute in XML-Datei, Darstellung nach xslt_process()		PHP Tipps 2005	1	15.05.2005 12:40
Darstellung von <Div>-Tags bei Firefox	Matthias959	HTML, Usability und Barrierefreiheit	2	09.05.2005 23:16
[Erledigt] Darstellung der US Währung mit Komma als 1000-Trennzeichen		PHP Tipps 2005	12	28.04.2005 15:40
Darstellung mathematischer Ausdrücke in phpbb		PHP Tipps 2005	27	20.04.2005 14:49
MYSQL Darstellung in PHP		PHP Tipps 2005	2	03.04.2005 22:54

26.07.2010, 11:52
Konsti Vog. Neuer Benutzer Registriert seit: 23.06.2010 Beiträge: 19 PHP-Kenntnisse: Fortgeschritten	[Erledigt] Darstellung browserabhänig - warum? Hi @ all, Ich bin gerade dabei, eine Neue Seite zu erstellen, bin aber beim testen des designs auf ein problem gestoßen: Im Firefox sieht das ganze so aus: Bild Firefox... -- SO habe ich mir es auch vorgestellt! Im Internet Explorer sieht das ganze dann etwas anders aus: Bild IE ; Wie man sieht, stellt der IE die komlette seite falsch dar. die Menüleiste ist verschoben... Ich arbeite im Quelltext mit CSS und HTML (: . Ich habe den verdacht, dass der IE margin oder position:fixed nicht richtig interprtiert. Ich hoffe ihr könnt mir helfen! achso: In Netscape wird die seite auch richtig dargestellt! __________________ Wer einen Rechtschreibfehler entdeckt, darf ihn behalten


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

26.07.2010, 11:55
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Und ich habe den Verdacht, dass du weder dein HTML und CSS validiert hast, noch dich darum gekümmert hast, das Dokument nicht im Quirks Mode darstellen zu lassen. Mehr als vermuten kann man allerdings nicht, wenn du nur Bildchen zeigst, und keinen Quellcode. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

26.07.2010, 11:57
Flor1an da schreibt der ElePHPant Registriert seit: 18.06.2008 Beiträge: 8.903 PHP-Kenntnisse: Fortgeschritten	Du verwendest noch nen Netscape? Ohne Quellcode und Livedemo können wir dir schlecht helfen. Ansonsten Willkommen im Leben der Webentwickler ... Browserbugs werden dein größter Feind werden

26.07.2010, 13:05
Konsti Vog. Neuer Benutzer Registriert seit: 23.06.2010 Beiträge: 19 PHP-Kenntnisse: Fortgeschritten	Validiert und es funktioniert Ich weiß, aber ich hab das mit der liste noch nicht recht verstanden, und kriege die formatierung mit CSS immer nicht hin! Ich muss dieses Projekt rausbekommen, dann beschäftige ich mich damit und werde es später ändern!!! Danke Chris!!!!!!!!! __________________ Wer einen Rechtschreibfehler entdeckt, darf ihn behalten