Darstellungsfehler bei Firefox

[Lutscher]

Hallo Commnity,

da es hier scheinbar recht nett zugeht, traue ich mich mal meine Frage hier zu sellen.

Ich habe diese Page gebaut. Wie man am Code sicherlich erkennen kann, habe ich von html eigentlich gar keine Ahnung. Der großteil der Seite ist mit Dreamweaver gebaut.

Nun habe ich bis vor kurzem IE zum surfen genutzt und die Darstellung der Seite war immer korrekt. Mit Firefox kommt es jedoch zu darstellungsfehlern.

Scheinbar kommt Firefox mit solchem coding nicht zurecht

Code: Alles auswählen

<div id="Layer4" style="position:absolute; left:429px; top:350px; width:135px; height:84px; z-index:14">
  <p align="left" class="Text">Tagesmietpreis</p>
  <p align="center"><span class="Textbigred">&euro; 30,00</span></p>
</div>


Liegt das an der absoluten Positionierung, oder an den <div> Definitionen?
Ich habe keine Ahnung. Evtl. könnt Ihr mir ja ein paar Tipps geben.

Hier mal ein paar Beispiele mit nicht korrect angezeigten Seiten.

http://www.disco-tramp.de/preisestart.html

http://www.disco-tramp.de/links.html

http://www.disco-tramp.de/galerie/bildergalerie.html

Gruß Stefan

[Rene]

Hey

Ja die Layer im Dreamweaver werden im FF nicht richtig angezeigt.

Diese sollte man deshalb auch gar nicht erst verwenden.
Ich denke da gibts genug andere Lösungen.

Zum Beispiel mit Tabellen etc.

Sehe ich das richtig? DU bindest auf jeder einzelnden Seite das Design ein?

Sehr umständlich.
Das könntest du mit PHP ganz einfach lösen.

[Lutscher]

Ja siehst du Richtig,

ist Stratowebspace ohne PHP.

noch eine frage

wenn ich mit

Code: Alles auswählen

<div id="Layer1" align="center">
<img src="bild.jpg" width="820" height="84">
</div>


ein bild einbinde dann ist es unabhängig von der größe des Browserfensters immer in der mitte.
Selfhtml sagt align wird abegschafft und man solle mit stylesheets arbeiten.

mit

Code: Alles auswählen

<div id="Layer1" style="position:absolute; left:122px; top:534px; width:820px; height:84; z-index:2">
<img src="bild.jpg" width="820" height="84">
</div>


bekomme ich das bild zwar positioniert, jedoch nicht in der mitter des Fensters.

Wie geht das?

Danke shonmal

[Rene]

Das weis ich auch nicht

ABer solang align noch geht nimms doch einfach

[Malte]

Also ich würde auch von Dreamweaver abraten... Den fehler zu finden ist eigentlich unmöglich, und wenn es dann im FF geht, gehts im IE wieder nicht...
Also so sehe ich das...

[Rene]

Was hat das jetzt mit Dreamweaver zu tun?

Verstehe ich nicht ganz.

Das liegt rein nur an IE und FF

[Malte]

Ich irgendwie auch nicht Ich halt nicht viel von solchen Editoren, die nur irgendwelche Features haben, die niemand braucht...
Naja, ich setz auf notepad Und ich würde auch Tabellen benutzten...

[Manuel]

Also soweit ich weiss gibt es da Unterschiede beim IE und FF, was absolute Angaben angeht. Ich habe diese damals auch oft verwendet, da es so schön einfach ist. Damit hatte ich dann aber auch nur Probleme.

Bau deine Seite doch einfach ohne absolute Container auf! Dazu gibt es ja dann float und padding.

Siehe dazu auch:
http://css4you.de/wsboxmodell/index.html
http://css4you.de/wsdoctypeswitch/index.html#quirksmode

Meine Empfehlung daher:
einen div-Layer für den Banner über die komplette Seitenbreite.
Danach 2 Layer nebeneinander mit float: left; wobei der linke dann das Menü enthält und der rechte den Inhalt mit einer padding-Angabe, damit er nicht direkt am Menü/Banner dran klatscht. Die Rahmen kannst du dann auch immernoch um die div-Container im Contentbereich machen und dann wieder mit float: left; und border: 1px solid #666666; und padding: 5px;

Lieben Gruß,
Manuel

P.S. Trau es dich ruhig die Dinge selbst zu coden. Ich weiss, es ist am Anfang schwierig, aber später ist es sehr viel einfacher, als sich mit den zahlreichen Bugs und Fehlern von Dreamweaver oder Frontpage auseinander zu setzen.