Browserprobleme... Firefox und co vermasseln mir die Tour ;)

[VizeRechib]

Habe eine Seite gestaltet, die auch technisch im IE, Netscape, Opera und Firefox funktioniert:

Je nachdem welchen Browser ihr gerade benutzt sieht die Seite unterschiedlich aus und das ist mein Problem.
Im IE sieht alles soweit ganz gut aus, bei den anderen Browsern is jedoch
- die Sonne is oben abgeschnitten
- der Scrollbalken is grau ( laut selfhtml ist auch nur der IE zum färben in der Lage, aber das is ja der Stand von 2001.. )

Wie krieg ich das jetzt hin?
Am Besten betrachtet ihr die Seite 1x mit IE und 1x mit irgendeinem anderen Browser. Wär super wenn ihr mir weiterhelft :whacky:

 

[BerndDasBrot]

der Scrollbalken is grau ( laut selfhtml ist auch nur der IE zum färben in der Lage, aber das is ja der Stand von 2001.. )

Das ist auch noch der aktuelle Stand

BernddasBrot

 

[dkdenz]

Es scheint so, als orientiere sich der FireFox nicht am p-Tag,
sondern an den Anfang der Tabelle.

Pack das bg-Pic doch in die dazugehörige Tabellenzelle...

<td colspan="9" style="background: url(bilder/sonne.jpg) no-repeat; background-attachment:fixed; background-position: 0px 0px;">
		<div class="p">
			Hier kommt der jeweilige Inhalt hin... <a href="#">Testlink</a><br><br>
			<img src="bilder/spacer.gif" alt="" width="100" height="500">

		</div>
	</td>

 

[VizeRechib]

Klappt leider nich Im IE als auch im FF siehts aus wie vor der Veränderung ( im IE richtig, im FF falsch )

Immer diese Browserkacke

 

[VizeRechib]

Kann mir niemand helfen? Es ist doch ( eigentlich ) nur ein Positionierungsproblem, aber ich beiß mir da die Zähne dran aus

 

[planet4]

NOT FOUND -- die Seite wird nicht angezeigt, weder im FF noch im IE

planet4.

 

[VizeRechib]

Ach scheiße, hab das Verzeichnis geändert
Habs oben editiert

 

[dkdenz]

Jetzt scheint es doch zu passen, oder verstehe ich da was falsch?

 

[VizeRechib]

Nach wie vor nur im IE.
Ansonsten hab ich als Notlösung das Hintergrundbild per transparentem GIF so positioniert, dass es zumindest in Firefox / Netscape bei 1024 Px richtig positioniert ist. Bei kleinerem Fenster, größerem/kleinerem Monitor und Opera ist es immer noch verzerrt

 

[.holger]

So sieht's im Safari aus

 

[VizeRechib]

Joa, die Sonne steht zu weit links. Wie du siehst ist die Grafik am rechten Rand abgeschnitten ( das muss auch so sein ), aber die rechte Kante soll bündig mit der rechten Kante des Logos oben rechts ( das türkise ) sein

 

[abydos]

Also, das ganze Layout liest sich im Quelltext seltsam und so ist es dann auch in der Praxis nicht verwunderlich, dass da einiges nicht hinhaut ...

Konstruktiv würde ich
- den oberen Teil in eine separate Tabelle packen, den Footer ebenfalls
- Content Tabelle (mitte) mit 2 Spalten links News oder Text mit Bild, rechts nur die Sonne. Spalte = Breite gfx
- in die linke Spalte eine Tabelle für die News (Breite = Gesamtbreite minus Grafikspalte.
- bei den Layouttabellen (Ausnahme News) auf spacing und padding verzichten
- das Ganze auf 780 px Breite einschränken, damit es in 800 x 600 auch noch funzt.
- versuchen mit weniger spacer.gif auszukommen. Technik ist zwar ok, aber eher eine Notfall-Lösung

Danach sollte es in allen Browsern funktionieren!

 

[VizeRechib]

Also, das ganze Layout liest sich im Quelltext seltsam und so ist es dann auch in der Praxis nicht verwunderlich, dass da einiges nicht hinhaut ...

Konstruktiv würde ich
- den oberen Teil in eine separate Tabelle packen, den Footer ebenfalls
- Content Tabelle (mitte) mit 2 Spalten links News oder Text mit Bild, rechts nur die Sonne. Spalte = Breite gfx
- in die linke Spalte eine Tabelle für die News (Breite = Gesamtbreite minus Grafikspalte.
- bei den Layouttabellen (Ausnahme News) auf spacing und padding verzichten
- das Ganze auf 780 px Breite einschränken, damit es in 800 x 600 auch noch funzt.
- versuchen mit weniger spacer.gif auszukommen. Technik ist zwar ok, aber eher eine Notfall-Lösung

Danach sollte es in allen Browsern funktionieren!

Hm, also erstmal danke für deine Mühe.
- hab jetzt 3 Tabellen verwendet ( www.sorel.de/temp/index.php ), aber das Problem ist das gleiche: IE richtet das Bild am Beginn des <div>-Tags aus, der Rest am oberen linken Rand der Gesamtseite ( deswegen steht die Sonne, relativ gesehen, bei jeder Auflösung / Monitorgröße anders ) =/
- die Sonne soll ja nicht so viel Platz wegnehmen, sondern als Hintergrund dienen, auf dem geschrieben werden kann
- s.o.
- hab ich doch, oder verstehe ich dich falsch?
- hatte ich erst, sah aber auf großen Monitoren / Auflösungen bescheuert aus. 800x600 nutzen wirklich nur noch die wenigsten und für die "funktioniert" die Seite ja auch noch. Naja, is ein anderes Thema
- hm, mag ja sein, dass es nich einwandfrei ist, aber es funktioniert doch

Also langsam weiß ich net mehr weiter