Supportnet / Forum / Webseiten/HTML
Netscape 6 - CSS Problem !
Frage
Hallo !
Bin momentan dabei, meine private Homepage zu erstellen.
Bei Ansicht der Seite mit Netscape 6 tritt folgendes Problem auf:
Die durch CSS definierten Layer werden nicht alle auf der Höhe angezeigt, auf
der ich sie positioniert habe.
URL:
http://www.thomasnolden.com/kontakt.html
Hier wurden die drei oberen Elemente (Grafik "Start", Text "Sie können...", Formularfeld "Vorname...") alle mit einem Abstand von 80 Pixeln nach oben definiert. Der Text "Sie können..." erscheint jedoch mit größerem Abstand nach
oben. Gleiches gilt auch für das Feld "Hinterlassen Sie hier Ihre Nachricht...", es wird ebenfalls zu weit unten angezeigt.
Mit dem IE6 funzt es einwandfrei.
Wer weiß Rat ?
Gruß Thomas
Antwort 1 von fatschi
hab mit netscape 7 preview, opera 6.01 und IE 6 deine Seite angeschaut. Wenn man den Unterschied nicht weiss, kommt man nicht drauf, dass da einer vorhanden ist. Ich würde mir wegen diesen wirklich kleinen Unterschieden nicht den Kopf zerbrechen. Übrigens sehen opera und netscape gleich aus, nur der IE unterscheidet sich geringfügig.
Antwort 2 von Piepsi
Anscheinend hat man mal wieder Pech, wenn man verschiedene Layer mit CSS macht und es soll in allen Browsern gleich aussehen.
Ich wollte das nämlich auch machen, aber bei Netscape & Opera wird dann alles wieder zerstört, was ich unter IE zurecht gerückt hatte *hmpf*
(wollte über einer Image-Map auch normalen Text schreiben, der eine gewisse Anordnung einhalten musste, damit dieser Text zur Image-Map passt)
Da hilft wohl nur wieder:
Eine HP für den IE machen, eine für Netscape, eine für Opera...blablabla...
Bis neulich,
Piepsi {:o)
Ich wollte das nämlich auch machen, aber bei Netscape & Opera wird dann alles wieder zerstört, was ich unter IE zurecht gerückt hatte *hmpf*
(wollte über einer Image-Map auch normalen Text schreiben, der eine gewisse Anordnung einhalten musste, damit dieser Text zur Image-Map passt)
Da hilft wohl nur wieder:
Eine HP für den IE machen, eine für Netscape, eine für Opera...blablabla...
Bis neulich,
Piepsi {:o)
Antwort 3 von semi
Zu dem Text "Sie können..."
Erweitere Deine CSS-Datei wie folgt:
Die Box "Hinterlassen Sie Ihre Nachricht" steht bei mir an der Position Y=495px;, wie in Deinem HTML-Code definiert.
Ich habe es mit Opera und Mozilla getestet.
Ich nehme an, dass Mozilla die gleiche Darstellung liefert wie Netscape.
Netscape habe ich nicht drauf. Platzverschwendung :-)
Gruss,
Michael
Erweitere Deine CSS-Datei wie folgt:
p {
color:#0000FF;
font-family:Cooper Black; font-weight: normal; font-size: 18px;
text-align:left;
background-color:#00C0FF;
margin-top: 0px;
}
Die Box "Hinterlassen Sie Ihre Nachricht" steht bei mir an der Position Y=495px;, wie in Deinem HTML-Code definiert.
Ich habe es mit Opera und Mozilla getestet.
Ich nehme an, dass Mozilla die gleiche Darstellung liefert wie Netscape.
Netscape habe ich nicht drauf. Platzverschwendung :-)
Gruss,
Michael
Antwort 4 von semi
Vielleicht noch eine Bemerkung.
Ich würde an Deiner Stelle das ganze Zeug in Tabellen definieren. Dann stimmt zumindest die vertikale Ausrichtung der einzelnen Seitenbereiche.
Ich würde an Deiner Stelle das ganze Zeug in Tabellen definieren. Dann stimmt zumindest die vertikale Ausrichtung der einzelnen Seitenbereiche.