Anzeige Problem mit Firefox und Internet Explorer

Hallo!

Ich habe eine Seite per Hand mit Html und Css gecodet, für den fierfox tauglich und sehe ich sie mir allerdings im Internet Explorer an, siend die ganzen bilderabstände usw. nicht richtig. Mein Layout basiert auf einer Tabelle.

Ich geb euch mal den Link:

http://www.baby-m.net

Könnt ihr mir sagen wie ich die Page IE tauglich mache? Es gibt da noch andere Seiten von mir die solche Fehler aufweisen.

Mfg

21.09.2006 12:55


<tr background="_design/bg.gif">
mag der IE gar nicht und stellt es nicht wirklich dar.
Mach den Hintergrund mal direkt in die table.

Grundsätzlich sparst Du dir natürlich eine Menge Arbeit wenn Du die Tabellen zumindest reduzierst. Mit einem Layout auf div basierend lassen sich Änderungen auch einfacher bwerkstelligen als mit dem "starren" Tabellengerüst.


Zum Debuggen empfiehlt es sich die Tabellen nach und nach mit 1px Rand zu versehen. Da wird die Struktur deutlicher.

Ein ähnliches Layout, aber mit div realisiert gibt es zum Beispiel unter http://www.ssi-developer.net/main/templates/temps/2c-hd-ft-fixed.htm

hth
mark

P.S.:
Bevor ich es vergesse. Vom Layout her finde ich die Site sehr gelungen. Gute Farben, klare Struktur. Löblich lächel

die-antwort-auf-alle-fragen.de

21.09.2006 13:17 | geändert: 21.09.2006 13:19


hey wow, danke ^^ also den background="_design/bg.gif" ins table zu verschieben hat funktioniert und jetz zum andern. die abstände zwischen den bildern sind teilweise nicht richtig im IE. was kann ich dagegen tun?

mfg
maike

Ps.: vielen dank für das lob =)

21.09.2006 13:39


ahm, ja ich hab die abstände wegbekommen indem ich das bild das ich eingefügt habe als background definiert habe. also das funktioniert jetzt. ...

ich habe da allerdings noch eine zweite seite

http://www.hallodienstmann.com
da gibt es ähnliche probleme die ich auch nicht in den griff bekomme. kann man da noch etwas machen?

vielen dank.
Maike

21.09.2006 13:42


Was mir noch auffällt, sind solche Unsauberkeiten wie
<p class=head>
table class=tb_1

da fehlen die Anführungszeichen
<p class="head">

Zu den Bildern.
Rechts sind die Notizzettel zerschossen:
<td>
<img src="_design/pin_top.gif">
</td>
gib dem td eine Höhe die dem Bild entspricht, das könnte helfen.



die-antwort-auf-alle-fragen.de

21.09.2006 13:48


<td height="163" colspan="17">
Wenn irgendwas bestimmt mal Ärger macht, dann sind es colspans >2

Am einfachsten, Tabelle raus, divs rein.
Ansonsten, die Tabelle stark vereinfachen und lieber eine Tabelle mehr reinstellen, als alles in wenige quetschen zu wollen.

Cellspacing und cellpadding sollte auch jeweils auf 0 stehen

die-antwort-auf-alle-fragen.de

21.09.2006 13:52


Joa diese "Unsauberkeiten" werde ich beseitigen ich tippe das html ja in einem editor, da kann es shonmal passieren das was fehlt, aber danke weil sowas kann auch zu fehlerhaften seiten beitragen.

aber dem td eine höhe geben die der bildhöhe entspricht das hat leider nicht funktioniert.

21.09.2006 13:55


Beitrag schreiben (als Gast)

Beim Verfassen des Beitrages bitte die Forenregeln beachten.

[BBCode ?]

menu