Design klappt mit IE und FF aber nicht mit Opera

[_stefan_]

Liebe Community,
Ich habe mein Zukünfiges Homepage-Design erstellt: http://www.0mx.de/beta/ .
Zuerst hab ich das Design so erstellt, das es mit Firefox optimal läuft, dann habe ich es auch noch an den IE angepasst, aber jetzt hab ich es einmal mit dem Opera angezeigt und der stellt es ziemlich entstellt dar.

Ich freue mich auf eure Hilfe, danke im Voraus,

Viele Grüße Stefan Willems

 

[dkdenz]

Im FF sieht das aber auch nicht optimal aus.
Der Content läuft unten raus.
Das jetzt alles zu durchleuchten ist nicht ganz trivial.
Eventuell solltest Du mal in unser Tut-Forum für xhtml und css reingucken.
http://forum.jswelt.de/forumdisplay.php?f=48

 

[_stefan_]

Irgendwie kapier ich das nicht wie man das mit dem Fließtext macht:
Hier das Tut mit den 3 Spalten http://www.0mx.de/beta/3spalten.html
Was sorgt dafür das der <div> sich an den INhalt anpasst?
grüße Stefan Willems

 

[planet4]

hallo,

also so auf die Schnelle würde ich mal vermuten, das liegt an deinem "content -> height: 100%"

da macht der firefox den content so hoch wie der Bildschirm ist und nicht höher, also:

Text läuft unten raus, wenn er länger ist


(das Bild oben ist schön. würde ich aber kleiner machen an Kilobyte-Zahl, wegen der Ladezeit)

planet4.

 

[dkdenz]

Ich würde mal planet4 Recht geben.
FireFox verhält sich ja expliziter als der IE, aber der Opera ist ziemlich pedant.
Dein Prob kannst Du also nur einwandfrei kompatibel lösen, indem Du gar keine Höhe für den Content angibst, sondern den Inhalt 'fliessen' lässt.

 

[_stefan_]

Danke für die Antworten, ich werds nach der Schule mal ausprobieren.

grüße Stefan

EDIT: Ich habs jetzt ausprobiert: http://beta.0mx.de/ . Es klappt auch, aber jetzt hab ich das Problem dass der linke Rand, die Navigation und der rechte Rand kürzer sind und wenn ich das 100% wegnehme dann werden diese Elemente garnicht angezeigt.
@planet4 ich hab das bild jetzt ohne (merkbaren) qualitätsverlust in jpeg 90% quali umgewandelt
jetzt klappts auch in opera

 

[_stefan_]

mmh...
Hat Niemand eine Idee wie ich die anderen Spalten an die Höhe der Contentspalte angleichen kann?

 

[dkdenz]

Zieh' Dir das mal rein:
http://forum.jswelt.de/showthread.php?t=26993

 

[planet4]

hallo stefan,

spalten zu simulieren, das würdest du schon hinbekommen, du gibst deinem div content-wrapper

den Hintergrund background-color:#FFFFE1 (siehe angehängtes Bild) (und siehe link von dkdenz,

wo genau das beschrieben wird) - dein Problem wird aber sein: deine beiden Streifen rechts und

links, die du ja immer genauso hoch brauchst, wie der Content ist...


planet4.

 

[_stefan_]

Thx jetzt klappts mensch ist das genial gelöst!
grüße Stefan