Verzwicktes CSS IE Problem [erledigt]

stfm · Neuer [**User**] Anmeldung: 13.08.07 Beiträge: 6 Wohnort: GM

Hallo Zusammen!

Nachdem mir hier im Forum beim letzen Mal so hervorragend geholfen wurde, habe ich nun schon wieder ein Problem.

Ich helfe einem Freund bei der Neugestaltung der Internetseite seines Reitsportvereins. Ich hab also ein Layout gemacht und angefangen es umzusetzen.
80% der Zeit habe ich verbraten um das im IE so darzustellen wie es auf allen anderen Browsern aussieht.
Ich habe letztendlich vorgeschlagen für IE ein abgespecktes Layout zu verwenden, da ich das nicht hinbekomme. Leider fanden die Vereinsleute das Layout wie es ist sehr schön, und bemerkten das es schön wäre wenn es auch im IE den ja so viele benutzen so aussehen könnte.

Also wollte ich fragen ob ihr mal einen Blick in die CSS Datei werfen könntet, und mir sagen ob und wie man das macht. Ich weiß es ist immer Blöd wenn in Foren Fragen gestellt werden die darauf hinauslaufen das der Fragende am liebsten eine fertige Lösung serviert bekommen möchte. Aber ich bin mit meinem Latein echt am Ende.

Link gelöscht...

Danke Gruß, Steffen

Aurora · Verfasst am: 11.10.2007, 12:26 Titel:

Hallo,

das sieht ja echt wirr aus im IE ... aber warum machst du das ganze nicht einfach mit DIV-Layern? Dann bleibt es auch im IE an der gleichen Position.

Bye bye Aurora

---

Ich sehe gerade, auf der Seite selbst hast du DIV-Layer gemacht, aber im CSS nicht als solches definiert. Bei mir sieht so etwas so aus:

div.main
{
position:absolute;
top:155px;
width:80%;
right:10px;
z-index: 0;
}

Und dann sieht es auch im IE genauso aus wie im Firefox

chris1988 · Bekannter [**User**] Anmeldung: 12.12.05 Beiträge: 1623

Nach kurzem überfliegen des Quellcodes denke ich, das Problem ist, dass der IE bis Version 6

mit dem position-Wert "fixed" nichts anfangen kann.
Du wirst dich also wohl oder übel hiermit rumschlagen müssen und alles nochmal überarbeiten:

http://aktuell.de.selfhtml.org/artikel/css/footer/#layoutbeispiel

Viel Erfolg!

Wie ich finde, ein sehr schönes Design - wäre schade, wenn du aufgibst Winken

Schönen Gruß,

Chris

stfm · Verfasst am: 12.10.2007, 11:18 Titel:

Hi Leute!

Danke für die Tips. Das Beispiel bei selfhtml hab ich noch nie gefunden. Das könnte die Basis für eine neue Struktur des Layouts werden.

Mein Problem ist auch immer, daß die Spalten in der Mitte ( also der Inhalt und die Wände an den Seiten) nicht auf die volle Höhe gehen.
Bei den meisten Layouts ist es so, daß sich die Höhe nach dem Inhalt richtet.

Ich werde es mal damit versuchen.

Vielen Dank auch für das Lob. Die Leute von dem Verein fanden es auch cool und wollten es exakt so haben aber halt auch IE tauglich.

Danke!

Gruß, Steffen

chris1988 · Bekannter [**User**] Anmeldung: 12.12.05 Beiträge: 1623

das mit der 100%igen Bildschirmhöhe klappt, wenn du <body> und <html> vorher auch eine solche definierst:

body, html {
height: 100%;
}

#element {
height: 100%;
}

aber Vorsicht: Ein Element hat dann wirklich diese Höhe, padding-top/bottom Werte werden dann noch dazuaddiert!

Wenn ich dich jetzt richtig verstanden hab' - kannst du ja mal ausprobieren Winken

stfm · Verfasst am: 18.10.2007, 18:50 Titel:

Hi Leute!

Ich hab jetzt wieder einige Stunden investiert um mich dann doch wieder zu ärgern.

schaut euch doch bitte mal an wie weit ich jetzt gekommen bin:

Link gelöscht....

Das sieht schonmal recht vielversprechend aus dachte ich, bis ich es im Opera geöffnet habe.

Was mache ich nur falsch. Zum verrückt werden ist das.

Für alle die die erste Version nicht gesehen hatten, hier der Link zu dem Layout welches ich versuche IE tauglich zu machen:

Link gelöscht....

Habt ihr Tips für mich?

Danke!

Gruß, Steffen

HittiSan · Verfasst am: 02.11.2007, 16:46 Titel:

Hallo!
Das ist das 1. Mal, das ich eine fremde Seite öffne und weder sinnvolle Zeilenumbrüche noch sonst irgendwelche Formatierungen finde, die den Code leserlicher machen!
Liegt das daran, dass ich die Dateien bei mir gespeichert habe? Kann ich gar nicht glauben!

Dann noch was!
Anweisungen und Tags werden klein geschrieben. Manche Browser ignorieren Großschreibung. Weiß im Moment aber nicht, welche.

Dann wirst Du ein Problem mit den Holzbalken und der (noch nicht vorhandenen)Navigation bekommen, da sie beim Scrollen verschwinden - wenn man mehr Text einsetzt. Jedenfalls geht Dein "Test" schon flöten.

stfm · Verfasst am: 16.11.2007, 15:36 Titel:

Okay, hat sich erledigt. Ich habe es aufgegeben. Ich hab im Moment auch zu viel um die Ohren, und das dauert sonst alles zu lange.

Danke aber für die Tips von euch !

Gruß, Steffen