Internet Explorer, Safari, Firefox: Wie alles gleich bekommen?

**Phreak2k3** · 05.07.2006 11:05

Hi und Hallo.

ich bin neu ich weiß, und habe bisher dieses Forum eher als "stiller Leser" verwendet. Nun aber muss ich mich doch einmal zu Wort melden und hoffe, dass du mir helfen kannst. Falls ja, sag ich schonmal im Vorwege vielen Dank. Falls Du weitere Informationen brauchst, kei Problem, die Poste ich gerne.

Ich bin Grafiker und kein Programierer, desweggen tue ich mich gerade in diesem Bereich etwas schwer, wenn es daraum geht Unterschiede zwischen Firefox, Safari, IE... auf zu tun.

Meine Homepage ist: http://www.hausvalorden.de

Ich habe sie für einen Freund erstellt und bin dabei auf Mambo gekommen, damit er selbst im nachhienein auch etwas ändern kann, News posten kann...

Gut, mein eines Problem wird gleich jeder sehen, unten schließen der rechte und der Linke Balken leider nicht ab, warum das so ist, weiß ich leider nicht, kann ich mir leider aber auch nicht weiter helfen. Muss ich bei Gelegenheit nochmal tun.

Aber nun zum Problem:

Ich habe folgendes in css geschrieben:

Code:

.moduletable-screens {
	background: url(../images/bg2.gif) #333333;
	position: relative;
	width: 100%;
	padding: 0 0 10px 0px;
    border: 0px solid #ddd;
	margin: 0 0 0 0;
	}

.moduletable-screens th {
	color: #666;
    text-align: left;
	 background: url(../images/screens.gif) no-repeat;
 	  	font-size: 0px;
   	font-weight: bold;
   	padding: 0 0 0 .2em;
    border: 0px solid #ccc;
	margin: 0px;
	padding-bottom: 34px;
	}

Nun habe ich unter Site Modules ->Screens einfach bei den Parametern sowohl bei Module als auch bei Menu -screens eingegeben. Somit werden im Firefox entsprechend im Hintergrund das Hintergrundbild verwendet und im Titel Das Titelhintergrundbild.

IM IE allerdings wird trotzdem das Wort Screens eingeblendet und bei Safari, verschiebt sich alles und ich habe links einen blaeun Rand... Wobei ich das auf anderen IE's auch schon gesehen habe, dass es einen 1px magenta Rand gibt und sich einiges verschiebt.

Ich hoffe ich konnte verdeutlichen, wo mein Problem liegt und ich hoffe, dass mir jemand helfen kann.

Vielen Dank schonmal

Markus

**gottesgabe** · 15.08.2006 17:52

Hab mir deine Seite gerade in FF 1.5.0.5 und in IE 6.0.2800.1106 angesehen. Ich hab in beiden die gleichen Grafiken gesehen. Das Wort Screens tauchte, genau wie ein farblicher Balken, auch nirgends auf. Rechts erkenne ich mit dem IE starke Verschiebungen im Balken und die Balken schließen dort auch unterschiedlich hoch ab.

Wie hast du die Seite denn erstellt? Wenn du Grafiker bist doch sicherlich mit Photoshop oder? Wenn ja dann hast du alles in Tables eingepackt. Darin liegt wahrscheinlich der Fehler mit dem großen Abstand unten. (siehe unten)

Wegen dem Screens Problem: Versuch mal das Verzeichnis deiner Bilder anders anzugeben, etwa

Code:

../templates/<?php echo $cur_template;?>/images/screens.gif

(aber nur wenn deine Bilder auch in dem Verzeichnis liegen natürlich)

Gib mal an mit welcher IE Version du unterwegs bist, vielleicht hilft das.

PS:
Hab in deine Source geschaut scheint wirklich mit Tabellen gemacht zu sein.
Außerdem gibt der W3validator folgende Warnungen zurück.

Code:

Zeile 17 Zeichen 2 - Warnung: <td> attribute with missing trailing quote mark

Zeile 17 Zeichen 2 - Warnung: <td> dropping value "0" for repeated attribute "width"

Zeile 19 Zeichen 2 - Warnung: discarding unexpected </td>

Zeile 349 Zeichen 25 - Warnung: <br> element not empty or not closed

Zeile 349 Zeichen 45 - Warnung: <br> element not empty or not closed

Zeile 375 Zeichen 4 - Warnung: <img> element not empty or not closed

Zeile 384 Zeichen 2 - Warnung: <img> element not empty or not closed

Zeile 15 Zeichen 1 - Warnung: <table> attribute "bgcolor" has invalid value "transparent"

Zeile 17 Zeichen 2 - Warnung: <td> attribute "bgcolor" has invalid value "#000000> <img src="

Zeile 17 Zeichen 2 - Warnung: <td> proprietary attribute "alt"

Zeile 39 Zeichen 3 - Warnung: <table> attribute "bgcolor" has invalid value "transparent"

Zeile 43 Zeichen 4 - Warnung: <td> attribute "valign" has invalid value "left"

Zeile 373 Zeichen 4 - Warnung: <td> attribute "valign" has invalid value "left"

Zeile 374 Zeichen 4 - Warnung: <td> attribute "valign" has invalid value "left"

Zeile 375 Zeichen 4 - Warnung: <img> lacks "alt" attribute

Zeile 383 Zeichen 3 - Warnung: <td> attribute "bgcolor" has invalid value "transparent"

Zeile 384 Zeichen 2 - Warnung: <img> lacks "alt" attribute

vielleicht is ja alles gut (oder besser) wenn du die gröberen behebst.

Hoffe das hilft dir erst mal, wenn du trotzdem Probleme hast poste noch einmal.
----
Edit: Hab es etwas verständlicher gemacht.

Thema: Internet Explorer, Safari, Firefox: Wie alles gleich bekommen?

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Internet Explorer, Safari, Firefox: Wie alles gleich bekommen?

Ähnliche Themen

Punbo Forum für Firefox UND Internet Explorer !

MBT Transmenu: Internet Explorer zeigt keine Submenus

Unterschiedliche Anzeigeim Explorer und Firefox

Design Problem FireFox vs Internet Explorer

Darstellung im Firefox und im Internet Explorer

Lesezeichen

Lesezeichen

Berechtigungen