Problem mit Browser

html.de-Forum HTML, XHTML & CSS
1

Halli Hallo :shock:
Ich habe ein problem mit den browsern.Ich baue gerade eine Website und habe das Problem, dass bei google chrome und firefox meine Kästen an den Falschen Plätzen sitzen bzw. zu kurz oder zu lang sind. Bei Explorer funktioniert dies aber. Was kann ich machen?

Hier mein script:

Herr der Viren body {background-color: #000000} * { color:green;} #Seitenbox { position:absolute; top:200px; left:1063px; width:150px; padding:50px; margin:0px; border:4px solid #adff2f ; background-color: #adff2f} #Banner { position:absolute; top:50px; left:190px; width:0px; padding:0px; margin:5px;} #Feld { position:absolute; top:180px; left:125px; width:200px; padding:300px; margin:100px; border:4px solid #adff2f ; background-color: #adff2f } #Menu { position:absolute; top:100px; left:125px; width:825px; padding:20px; margin:100px; border:4px solid #adff2f ; background-color: #adff2f }
Dein Username:


Dein Passwort:



Home       Kontakt         Impressum         Anmelden        Registrieren        

2

Willkommen in diesem Forum.

Dein Quelltext enthält einige Fehler. z.B. Schließt du das body- und html-Element nicht. Validiere deine Seite.

Versehe dein Dokument ausserdem mit einem DocType, um den Browser anzuweisen, wie er mit der Seite umgehen soll.

3

Ferner:
Verzichte auf alle absoluten Positionierungen und ersetze sie mit float und/oder margin-Angaben.

4

weshalb sollte er auf die absoluten positionierungen verzichten? das hat ja wohl gar nichts damit zu tun, es ist zwar rechnerisch ein grösserer Aufwand da die positionierung von jedem Div genau stimmen muss, aber mit dem verziehen des layouts hat dass wirklich nichts zu tun.

EDIT: Mein Tipp und der ist ernst gemeint ist folgender → Mach erst mal ein Global-Reset da jeder Browser ein eigenes Stylesheet hat und unter anderem das Padding des Html elements immer anderst interpretiert wird. Und da sich das absolute positionieren immer auf das eltern element positioniert wird. und das wird dann wohl auch der grund sein wesshalb alles nicht immer ganz so aussieht wie du dir dass wünscht.

Des weiteren würde ich dir mal vorschlagen folgende seite anzusehen www.dowebsitesneedtolookexactlythesameineverybrowser.com und nimm es dir zu Herzen.

MFG devilseye

5

Ohne Doctype wird dieser Code besonders vom IE (egal welche Version) die Ansicht total verhauen ausgeben. Der interpretiert im Quirksmode absolute Positionierungen völlig anders.

Zudem würde ich auch raten auf die absolute Positionierung zu verzichten. Dadurch würdest Du Probleme bei der Änderung vom Viewport sehr einfach umgehen und zudem für Darstellungssicherheit sorgen. Eine unbedacht verwendete Positionierung verursacht in einigen Browsern schon eine andere Position des betreffenden Elements.

6

in der heutigen Zeit wo das vernachlässigen von Browsern dessen Versionen älter als 2 Jahre sind zum Standard gehört. Da man heute nicht mehr darauf rücksicht nehmen muss ob man nun feste oder dynamische webseiten erstellt da alle aktuellen Browser die Page-Zoom Funktion unterstützen spielt es keine Rolle. Wichtig ist nur dass man weiss für welche Zielgruppe man die Site designed damit sie für diese Gruppe auch richtig dargestellt wird oder werden kann.

Mfg devilseye

P.S. und ja das Doctype sollte wirklich noch eingefügt werden.

7

Was dazu führt, dass ich mittlerweile am Tag mehrmals Seiten finde die ich zoomen muss, aber vielleicht bin ich ja auch nicht die Zielgruppe.

Aber ich würde ebenfalls dazu raten auf absolute Positionierung zu verzichten solange sie nicht wirklich nötig ist und das ist sie in diesem Fall bestimmt nicht.

8

wird wohl so sein. da heute die Usability nicht darunter leidet.

Und nicht dass wir alle uns jetzt falsch verstehen. Ich mach auch keine absolute positioning da ich es einfach zu umständlich finde, ich möchte es aber niemandem verbieten einziges problem an der Methode ist meist der missbrauch von Div containern (die sogenannte Divitis).