Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > verschiedene Browser gleich anzeigen lassen
Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > verschiedene Browser gleich anzeigen lassen
Pages: [1]
| geschrieben von Owl am 09.02.2007 - 14:44 |
Hallo zusammen,
vor kurzem ist mir aufgefallen, dass meine Homepage in jedem Browser anders angezeigt wird.
Im Internet Explorer wird sie perfekt angezeigt, aber in Mozilla Firefox widerrum verschoben .
Kann ich das irgendwie ändern, oder muss ich mich einfach damit abfinden?
Danke
Gruß
owl |
| geschrieben von René am 10.02.2007 - 09:37 |
Hallo Owl,
wenn du valides HTML schreibst sollte das schon annähernd in allen gleich aussehen bzw. schicke deine Seite mal hier http://validator.w3.org/ zum testen durch. Und dann mache dich über die angezeigten Fehler her. |
| geschrieben von Matneu am 12.02.2007 - 11:49 |
| Zitat | | | Original geschrieben von René am 10.02.2007 - 09:37
wenn du valides HTML schreibst sollte das schon annähernd in allen gleich aussehen bzw. schicke deine Seite mal hier http://validator.w3.org/ zum testen durch. Und dann mache dich über die angezeigten Fehler her. |
Das stimmt leider nicht, da die Anzeige durch CSS definiert wird und - zumindest wenn man's richtig macht - nicht viel mit dem HTML-Teil zu tun hat.
Allerdings erleichtert valides HTML die Fehlersuche ungemein und mit validem HTML ist es wesentlich einfacher, eine korrekte Anzeige zu generieren.
Das Problem ist allerdings fast immer der IE, der sich mit CSS genau so gut auskennt wie mit dem Brötchenbacken...
Poste doch mal einen Link, dann können wir uns auch mal einen Eindruck von Deinem Problem machen.
So far...
Matthias |
| geschrieben von Owl am 03.05.2007 - 20:23 |
Hallo nochmal,
ich will nicht extra ein neues Thema anfangen, da ich immer noch das gleiche Problem habe, diesesmal aber mit einer anderen Datei.
Es handelt sich um eine Navigation, die auf CSS basiert und in Firefox wunderbar dargestellt, jedoch ist im IE einiges verschoben.
Zudem weiß ich nicht, ob die Anweisungen mit den Sternchen * wirklich akzeptiert werden. Habt ihr eine Idee, wie diese Unterschiedlichen Ansichten behoben werden können? Gibt es wirklich die Möglichkeiten Korrekturen für den IE einzufügen?
| Zitat | | |
body {
font: normal 97.90% Goudy Old Style;
color: black; background-color: #84a684;
}
ul#Navigation {
margin: 0; padding: 0.21em;
text-align: center;
}
* html ul#Navigation {
margin: 0; padding: 1.9%;
text-align: center;
}
ul#Navigation li {
list-style: none;
float: left; /* ohne width - nach CSS 2.1 erlaubt */
position: relative;
margin: 0.285em; padding: 0;
}
* html ul#Navigation li { /* Korrektur fuer den IE 5 und 6 */
margin-bottom: -0.4em;
}
* :first-child+html ul#Navigation li { /* Korrektur fuer den IE 7 */
margin-bottom: -0.4em;
}
ul#Navigation li ul {
margin: 0; padding: 0;
position: absolute;
top: 1.7em; left: -0.3em;
display: none; /* Unternavigation ausblenden */
}
* html ul#Navigation li ul { /* Korrektur fuer IE 5.x */
left: -1.5em;
lef\t: -0.4em;
}
* :first-child+html ul#Navigation ul { /* Workaround fuer den IE 7 */
background-color: black; padding-bottom: 0.5em;
}
ul#Navigation li:hover ul {
display: block; /* Unternavigation in modernen Browsern einblenden */
}
ul#Navigation li ul li {
float: none;
display: block;
margin-bottom: 0.1em;
}
ul#Navigation a, ul#Navigation span {
display: block;
width: 4.4em; /* Breite den in li enthaltenen Elementen zuweisen */
padding: 0.1em 1em;
text-decoration: none; font-weight: bold;
border: solid;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
color: black; background-color: #84a684;
}
* html ul#Navigation a, * html ul#Navigation span {
display: block;
width: 4.45em; /* Breite den in li enthaltenen Elementen zuweisen */
padding: 0.1em 1em;
text-decoration: none; font-weight: bold;
border: none;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
color: black; background-color: #84a684;
}
* html ul#Navigation a, * html ul#Navigation span {
width: 8.6em; /* Breite nach altem MS-Boxmodell für IE 5.x */
w\idth: 6.4em; /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
}
ul#Navigation a:hover, ul#Navigation span {
border: solid;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
color: black; background-color: #B8D2BA;
}
ul#Navigation li ul span { /* aktuelle Unterseite kennzeichnen */
background-color: #B8D2BA;
}
|
Ich hoffe, ihr könnt mir helfen
Danke Gruß
Owl |
|