Supportnet / Forum / Webseiten/HTML
Mozilla 1.6 IE 6
Frage
Hallo, nachedem ich das ganze Formun durchstöbert habe versuch ichs doch mit einer Anfrage:
Meine Seite [b] www.stephan-stgt.de[/b] wird mit IE sauber dargestellt und mit Mozilla nicht.
Vorweg, diese Seite habe ich für HTML und CSS vom W3C überprüfen lassen und grünes Licht bekommen. Kann mir da jemand weiterhelfen?
Vorab schon mal vielen Dank.
Antwort 1 von ditsch
Das sind die <div> s. Die werden von Mozilla anders interpretiert als im
IE. Was soll eigentlich das doppelte >> in deinem <body>-Tag? Absicht?
IE. Was soll eigentlich das doppelte >> in deinem <body>-Tag? Absicht?
Antwort 2 von Tuffyfant
hi,
du, ich schau mir das gerade an und fummel dran rum .. aber eines muss ich sagen, dein Code ist ..... bsp:
wieso denn nicht background-image: im CSS ?
und solche sachen wie :
mal absolut mal relative pfade ....
und vll. solltest du ein anderen doctype benutzen ...
schreibs umbedingt um und achte darauf dass:
<TITLE>Stephans homepage</TITLE>
title demnach klein geschrieben werden muss .. wird alles klein geschriben .. also auch im CSS ist sowas wie
"MARGIN" nicht erwünscht.
tags sollten geschlossen werden:
entweder <br></br> oder einfach <br />
das gilt auch für <meta /> tags ...
*sfz* .. du, das hat nicht viel sinn, fürchte ich ...
um dir mal noch so ein paar dinge zu zeigen:
<div class="bild">
es gibt keine klasse namens "bild"
<div id=kopfzeile> man schreibt
<div id="kopfzeil">
was ist denn das im CSS :BACKGROUND: transparent; ??
/* position: auto;*/ gibts nicht ! nur: absolute, relative, static, inherit !
und hier kommen wir mal zu meinem tipp: beschäftige dich doch einfach mal ein wenig mit "position:relative" und "position:absolute" und mehr mit "left" "right" "top" "bottom" anstatt sowas wie:
MARGIN: 25px 0px 0px 30px; /* top right bottom left*/
zu schreiben
und ganz wichtig:
Float soltlest du mal besser weglassen .. hab bei dir nicht gesehen, weshalb du FLOAT benutzt ! nirgends findet es verwendung...
schönen gruß
_Tuffy
du, ich schau mir das gerade an und fummel dran rum .. aber eines muss ich sagen, dein Code ist ..... bsp:
<body background="http://www.stephan-stgt.de/images/image4.gif">
wieso denn nicht background-image: im CSS ?
und solche sachen wie :
<img src="http://www.stephan-stgt.de/images/willkommen.gif" height="100" width="400" alt="willkommen">
<img src="images/terasseimwinter.jpg"
mal absolut mal relative pfade ....
und vll. solltest du ein anderen doctype benutzen ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
schreibs umbedingt um und achte darauf dass:
<TITLE>Stephans homepage</TITLE>
title demnach klein geschrieben werden muss .. wird alles klein geschriben .. also auch im CSS ist sowas wie
"MARGIN" nicht erwünscht.
tags sollten geschlossen werden:
entweder <br></br> oder einfach <br />
das gilt auch für <meta /> tags ...
*sfz* .. du, das hat nicht viel sinn, fürchte ich ...
um dir mal noch so ein paar dinge zu zeigen:
es gibt keine klasse namens "bild"
<div id="kopfzeil">
und hier kommen wir mal zu meinem tipp: beschäftige dich doch einfach mal ein wenig mit "position:relative" und "position:absolute" und mehr mit "left" "right" "top" "bottom" anstatt sowas wie:
MARGIN: 25px 0px 0px 30px; /* top right bottom left*/
zu schreiben
und ganz wichtig:
Float soltlest du mal besser weglassen .. hab bei dir nicht gesehen, weshalb du FLOAT benutzt ! nirgends findet es verwendung...
schönen gruß
_Tuffy
Antwort 3 von Tuffyfant
achso und ganz wichtig:
halte dich an mozilla.. der zeigt dir nämlich an, was du wirklich zusammengetippselt hast .. der IE interpretiert es falsh nicht MOZ.
und das wichtigste habe ich oben vergessen . dein problem sind nicht die divs sondern:
float und margin !
ich hab das gefühl du zweckentfremdest "magin" ..deswegen der hinweis auf left,right,top,bottom und position
und ... .. schau dir mal an , wie die seite aussieht, wenn du mal die beiden "float"angaben im CSS wegläßt ..
die seite sieht zwar dann weder im IE noch im MOZ aus, wie du es haben möchtest, aber plötzlich sehen sie (fast) identisch in beiden browsern aus !!
schönen gruß
_Tuffy
halte dich an mozilla.. der zeigt dir nämlich an, was du wirklich zusammengetippselt hast .. der IE interpretiert es falsh nicht MOZ.
und das wichtigste habe ich oben vergessen . dein problem sind nicht die divs sondern:
float und margin !
ich hab das gefühl du zweckentfremdest "magin" ..deswegen der hinweis auf left,right,top,bottom und position
und ... .. schau dir mal an , wie die seite aussieht, wenn du mal die beiden "float"angaben im CSS wegläßt ..
die seite sieht zwar dann weder im IE noch im MOZ aus, wie du es haben möchtest, aber plötzlich sehen sie (fast) identisch in beiden browsern aus !!
schönen gruß
_Tuffy
Antwort 4 von compmufi
Hallo Ditsch, Tuffyfant,
vielen Dank für die guten Tipps. Da habe ich doch noch einiges zu lernen. Finde ich toll wie gut und schnell man in diesem Forum Hilfe bekommt.
Wenn ich das jetzt richtig sehe sind die W3c Überprüfungen ( Html und CSS) kein Garant für einen browserübergreifenden gleichen Auftritt.
Guss Compmufi
vielen Dank für die guten Tipps. Da habe ich doch noch einiges zu lernen. Finde ich toll wie gut und schnell man in diesem Forum Hilfe bekommt.
Wenn ich das jetzt richtig sehe sind die W3c Überprüfungen ( Html und CSS) kein Garant für einen browserübergreifenden gleichen Auftritt.
Guss Compmufi
Antwort 5 von Tuffyfant
hey compmufi .. ich hoffe du ließt das noch ! (ich schick dir zur sicherheit noch ne nachricht auf den Pager .. )
wie ich sehe, sieht deine Seite schon etwas besser aus.
nun das der w3c validator kein Garant war, ist eigentlich nicht wirklich weiter verwunderlich .....
weil du den HTML 4.01 DOCTYPE benutzt .. was gar nciht gut ist . der neueste standart ist wie oben beschrieben: XHTML 1.1.
da fällt mir noch mehr auf .." margin:auto " gibt es nicht. margin kann nicht auf AUTO gestellt werden.
ich hoffe du überarbeitest deine Seite auf XHTML 1.1 und läßt noch umbedingt von "margin" ab...
Vorallem wenn du DIV´S benutzt solltest du deine Seite mit den attributen
position:relativ
und
position:absolute;
und
top right bottom left
arbeiten ..
interessant könnte für dich vll. ganz besonders folgendes sein .. probier mal den folgenden code aus:
Gruß
_Tuffy
wie ich sehe, sieht deine Seite schon etwas besser aus.
nun das der w3c validator kein Garant war, ist eigentlich nicht wirklich weiter verwunderlich .....
weil du den HTML 4.01 DOCTYPE benutzt .. was gar nciht gut ist . der neueste standart ist wie oben beschrieben: XHTML 1.1.
da fällt mir noch mehr auf .." margin:auto " gibt es nicht. margin kann nicht auf AUTO gestellt werden.
ich hoffe du überarbeitest deine Seite auf XHTML 1.1 und läßt noch umbedingt von "margin" ab...
Vorallem wenn du DIV´S benutzt solltest du deine Seite mit den attributen
position:relativ
und
position:absolute;
und
top right bottom left
arbeiten ..
interessant könnte für dich vll. ganz besonders folgendes sein .. probier mal den folgenden code aus:
<div style=" position:absolute; left:20%; top:2% "> prozentDiv </ div>
Gruß
_Tuffy
Antwort 6 von rfb
Zitat:
da fällt mir noch mehr auf .." margin:auto " gibt es nicht. margin kann nicht auf AUTO gestellt werden.
natürlich gibt es da fällt mir noch mehr auf .." margin:auto " gibt es nicht. margin kann nicht auf AUTO gestellt werden.
margin:autoIch wäre übrigens schon froh, wenn die Seite in brauchbarem validen HTML 4.01 ist (die ganzen Unterseiten strotzen vor Fehlern), warum soll hier unbedingt XHTML 1.1 verwendet werden?