Supportnet / Forum / Webseiten/HTML
IE - FF Abstandangaben
Frage
Hey!
Kurze allgemeine Frage:
Wieso interpretiert der Internet Explorer die Höhenangabe 200px anders als der Firefox, Opera, Safari??
Weil ich will Elemente auf meiner Page so anordnen, das sie an einer Position, dem Hintergrundbild ausgerichtet sind. Wenn ich im CSS File "top:200px" angebe, wird das wie erwähnt von allen Browsern perfekt interpretiert, nur der IE macht wieder mal was er will!
Wie kann ich das umgehen? Gibt es da ein Mass, also nicht px, sondern was alles, worauf auch wirklich alle Browser genormt sind??
Danke für Antworten!
MfG MaLi
Antwort 1 von derpfleger
Vielleicht postest du mal eine URL, wo man dein Problem online betrachten kann. So ganz nachzuvollziehen ist das nämlich noch nicht.
Antwort 2 von MaLi
Das wäre die Seite: http://mypage.bluewin.ch/lima/vote4vendetta
Also das ist eine typische 0815-Seite, die nur Ihren (für nicht-Insyder komischen) Sinn erfüllen soll!
Ich werde aber die Seite am Wochenende noch stark überarbeiten, da ich diese nur an einem Abend in ca. 30 Min. gemacht haben...also bitte nicht mein schlechtes HTML kritisieren, ausser es hat etwas mit dem Problem zu tun...;)
Danke!
PS: Die Seite mal im IE und mal im FF öffnen und das Problem (oben die Textzeile mit dem Counter) sollte schnell ersichtlich sein!
Also das ist eine typische 0815-Seite, die nur Ihren (für nicht-Insyder komischen) Sinn erfüllen soll!
Ich werde aber die Seite am Wochenende noch stark überarbeiten, da ich diese nur an einem Abend in ca. 30 Min. gemacht haben...also bitte nicht mein schlechtes HTML kritisieren, ausser es hat etwas mit dem Problem zu tun...;)
Danke!
PS: Die Seite mal im IE und mal im FF öffnen und das Problem (oben die Textzeile mit dem Counter) sollte schnell ersichtlich sein!
Antwort 3 von derpfleger
Damit es valide wird, musst du folgende Änderungen vornehmen:
1. Korrektes Doctype:
2. Zeichenkodierung im head-Bereich ergänzen:
3. Javascript-type angeben:
Nun zum Problem: offensichtlich wird da mit dem Counter eine Randangabe mitgeliefert, oder da ist irgendeine Defaulteinstellung für das p (keine Ahnung):
Ergänze im Stylesheet für die Klasse .counter folgendes:
also erst mal für alle einheitlich eine Schriftart, dann für alle einheitlich eine Angabe für Aussen- und Innenabstand. Dann stellst du fest, dass es jetzt einheitlich falsch positioniert ist mit 200px. Bei 215px liegts wohl ungefähr so, wie du es willst.
Teste es aus.
Gruß derpfleger
1. Korrektes Doctype:
Zitat:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
2. Zeichenkodierung im head-Bereich ergänzen:
Zitat:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
3. Javascript-type angeben:
Zitat:
<script type="text/javascript" src="http://www.servmax.de/stat.asp"></script>
<script type="text/javascript" src="http://www.servmax.de/stat.asp"></script>
Nun zum Problem: offensichtlich wird da mit dem Counter eine Randangabe mitgeliefert, oder da ist irgendeine Defaulteinstellung für das p (keine Ahnung):
Ergänze im Stylesheet für die Klasse .counter folgendes:
Zitat:
p.counter {color:white; font-size:15px; font-family:Arial; position:absolute; top:215px; left:290px; margin:0px; padding:0px;}
p.counter {color:white; font-size:15px; font-family:Arial; position:absolute; top:215px; left:290px; margin:0px; padding:0px;}
also erst mal für alle einheitlich eine Schriftart, dann für alle einheitlich eine Angabe für Aussen- und Innenabstand. Dann stellst du fest, dass es jetzt einheitlich falsch positioniert ist mit 200px. Bei 215px liegts wohl ungefähr so, wie du es willst.
Teste es aus.
Gruß derpfleger
Antwort 4 von derpfleger
Ah, und wenn man lange genug rumspielt....
Es reicht, wenn du im .counter die margin:0px;-Angabe hinzufügst. Am padding hats nicht gelegen, das kannst du weglassen.
Gruss derpfleger
Es reicht, wenn du im .counter die margin:0px;-Angabe hinzufügst. Am padding hats nicht gelegen, das kannst du weglassen.
Gruss derpfleger
Antwort 5 von MaLi
Hey!
Also funktioniert jetzt perfekt! Vielen Dank!!
Und deine Tipps für die Validierung hab ich auch noch gleich angepasst! :)
Gruss MaLi
Also funktioniert jetzt perfekt! Vielen Dank!!
Und deine Tipps für die Validierung hab ich auch noch gleich angepasst! :)
Gruss MaLi
Antwort 6 von derpfleger
Für eine korrekte Validierung müsstest du noch folgendes machen:
1. Im head-Bereich auch noch den title definieren:
2.Im javascript-Bereich hat sich ein script zuviel eingeschmuggelt, lösche das überzählige (fett):
3. bei den urls das &-Zeichen maskieren:
Dann müsste es eigentlich valide sein.
Gruß derpfleger
1. Im head-Bereich auch noch den title definieren:
Zitat:
<title>vendetta oder so ähnliches....</title>
<title>vendetta oder so ähnliches....</title>
2.Im javascript-Bereich hat sich ein script zuviel eingeschmuggelt, lösche das überzählige (fett):
Zitat:
<script type="text/javascript" script src="http://www.servmax.de/stat.asp"></script>
<script type="text/javascript" script src="http://www.servmax.de/stat.asp"></script>
3. bei den urls das &-Zeichen maskieren:
Zitat:
& ----> &
& ----> &
Dann müsste es eigentlich valide sein.
Gruß derpfleger
Antwort 7 von MaLi
Hey!
Sorry das ich mich so spät melde, hab schon lange nicht mehr hier reingeschaut!
Also danke für die Tipps, aber:
1. Habe ich deswegen rausgelöscht, weil durch mein Domain-Anbieter also bei www.nic.ch.vu wird automatisch der dort angegebene Titel genutzt und nicht der im HTML-Dokument und da kann ich auch nichts machen. Deswegen habe ich den einfach rausgelöscht, aber kann schon verstehen das das jetzt nicht mehr ganz valide ist! (Damit du vielleicht besser siehst was ich meine, die Seite ist eigentlich unter www.vote4vendetta.ch.vu zu erreichen)
2. Danke, werde ich ändern!
3. Wenn ich die ändere funktionieren die Links aber nicht mehr...
Konnte jetzt nur testen und werde (falls ich es nicht vergesse) zu Hause alles ändern!
Danke + Gruss
Mali
Sorry das ich mich so spät melde, hab schon lange nicht mehr hier reingeschaut!
Also danke für die Tipps, aber:
1. Habe ich deswegen rausgelöscht, weil durch mein Domain-Anbieter also bei www.nic.ch.vu wird automatisch der dort angegebene Titel genutzt und nicht der im HTML-Dokument und da kann ich auch nichts machen. Deswegen habe ich den einfach rausgelöscht, aber kann schon verstehen das das jetzt nicht mehr ganz valide ist! (Damit du vielleicht besser siehst was ich meine, die Seite ist eigentlich unter www.vote4vendetta.ch.vu zu erreichen)
2. Danke, werde ich ändern!
3. Wenn ich die ändere funktionieren die Links aber nicht mehr...
Konnte jetzt nur testen und werde (falls ich es nicht vergesse) zu Hause alles ändern!
Danke + Gruss
Mali