Page 1 of 1

CSS-Problem: Hintergrund im Internet Explorer

Posted: Fri 15. Jun 2007, 18:43
by larmann
Hallo,

ich habe den Beitrag schon unter "showcase" gepostet, aber da wird er anscheinend nicht wahrgenommen.

Ich habe eine Website, die auf meinem Mac gut aussieht und zwar im Safari und im Firefox. Sogar der uralte Internet Explorer für Mac stellt die Site einigermaßen korrekt da. Aber eben war ich an einem Win-Computer in der Bibliothek und dort wird nicht mal der Text der Site angezeigt. Nun stehe ich ziemlich auf dem Schlauch und kann mir nicht weiterhelfen.

Die Site ist: http://www.der-parcours.de

Dieser Hilferuf richtet sich also primär an Win-User.

Tausend Dank

Posted: Fri 15. Jun 2007, 19:16
by cyrano
Hi larmann,

FF 2.0.0.4 und IE7 unter WIN XP alles lesbar.

Posted: Fri 15. Jun 2007, 19:16
by pico
Hi

also im FF und IE7 sieht es 'normal' aus - also Texte etc. alles da
:D :!: :?:

Posted: Fri 15. Jun 2007, 19:18
by Rainer G
Ich kann grundsätzlich nichts falsches an der Seite entdecken. Die Anzeige per IE7 und Firefox 2 ist gut und praktisch identisch.

Einzig und allein die runden roten Ecken oben und unten sollte als trasnparentes GIF gestaltet werden, da die schwaren Ecken bei den Rundungen deutlich zu sehen sind. Wobei die gewählte Rundung bzw. der gewählte Kreisauschnitt optisch nicht so ganz optimal wirkt. Evtl. sollte der Kreisdurchmesser etwas geringer gewählt werden.

Ansonsten wirkt das Design recht gefällig.

Update:
Grundsätzlich gibt der Win Safari 3 Beta auch fast alles richtig wieder. Lediglich die linke Menüleiste ist nicht zu sehen.

Meine Linux VM-Ware Maschine mit Firefox 2 zeigt alles genauso wie meine XP-Büchse an.

Was für eine Browser bzw. welche Win-Version hatte denn die Kiste, auf der du dir deine Seite angeschaut hast? Evtl. Uraltversionen?

Posted: Fri 15. Jun 2007, 19:40
by larmann
Hallo und Danke für das Feedback,

ich kann nicht sagen, was für ein IE das war. Aber sah recht neu aus. Wenn man mit http://meineipadresse.de/netrenderer den IE 6 auswählt, sieht die Site ähnlich falsch aus wie in der Bibliothek heute Nachmittag. Aber es wird mittlerweile Text angezeigt. Ich hatte eine min-heigt drin, die gefiel IE wohl nicht... keine Ahnung.

Danke

Posted: Fri 15. Jun 2007, 20:21
by Rainer G
larmann wrote:Hallo und Danke für das Feedback,

ich kann nicht sagen, was für ein IE das war. Aber sah recht neu aus. Wenn man mit http://meineipadresse.de/netrenderer den IE 6 auswählt, sieht die Site ähnlich falsch aus wie in der Bibliothek heute Nachmittag. Aber es wird mittlerweile Text angezeigt. Ich hatte eine min-heigt drin, die gefiel IE wohl nicht... keine Ahnung.

Danke
Diese netrenderer Seite ist cool. Gleich mal gemerkt :D Jetzt verstehe ich auch, was du meinst. Sieht unter IE6 wirklich fürchterlich aus. Könnte ggf. an CSS liegen, was von älteren IEs noch nicht so richtig unterstützt wird.

Was mir jetzt auffällt (weiß nicht, ob das vorhin schon war - weil du änderst ja gerade wohl auch).

Unter IE7 wird (wie im netrenderer mit IE7) das Menü linksbündig angezeigt und die kleinen Quadrate unterschlagen. Firefox ist da wohl richtiger in seiner Anzeige.

Welches Menü nutzt du?

Posted: Fri 15. Jun 2007, 21:16
by flip-flop
Hallo Veit,

du musst die DIV Layout Technik überarbeiten, sonst bekommst du diesen IE Mist nicht in den Griff. Also rann an die CSS Datei.

Knut

Posted: Fri 15. Jun 2007, 22:59
by Jensensen
larmann wrote:...Ich hatte eine min-heigt drin, die gefiel IE wohl nicht...
IE6 kann mit 'min-height' nix anfangen...
aufm mac is alles ok (safari, ff).

looks prima anders.
nett mit den light/fire dots rüberlaufend vom roten rahmen innen jelben block bg top...

greetz

Posted: Sat 16. Jun 2007, 00:39
by larmann
@Knut: Du bist gut! "Du musst die Div-Layout-Technik überarbeiten"... Das mache ich doch die ganze Zeit und raufe mir die Haare dabei. Hast du vielleicht noch "ein klein wenig differenziertere" Hinweise für mich?

Liebe Grüße, besten Dank und gute Nacht

Posted: Sat 16. Jun 2007, 00:58
by Jensensen
brauchste nur zwei div blocks

page mit rot im bg {...no-repeat top left;}

und content mit gelb im bg {no-repeat top left};


alles ohne height kram

rest mit padding und links die nav
und unten die runden ecken dran pappen (im wrapper und/oder footer)

greetz


PS: haste nochn css error bei dir auf der privaten seite:

#zeile2 {
position: relative;
top: 0px;
left: 0px;
width: 700pxpx;
background-image: url(/picture/background700.gif);
background-repeat: repeat-y;

Posted: Tue 3. Jul 2007, 16:18
by kukki
Ich glaube, das Problem mit den "runden" Ecken bekommst Du besser in den Griff mit folgendem Link
oder/und einem tollen Artikel aus INTERNET intern 01/2007 (Seite 92 ff).:P

Ich habe das Script auf meinem lahmen Schlepp-Top im Büro innerhalb 12min. installiert und testen können.

Dann solltest Du die ziemlich hohen Ladezeiten Deiner Website (auch bei ADSL) senken. :roll:
Deine Seite braucht, selbst bei einem Browser-Cache eine Ewigkeit, bis diese voll zu sehen ist. Wie mir scheint, verwendest Du auch ganz andere div-ID's und nun ja, die meisten gehen mit Abscheu daran .. die CSS-Datei sollte Deine Website steuern, also ran da und individuelle Einstellungen reinzaubern. Das haben meine Vorgänger aber schon bemerkt! :!:

Posted: Tue 3. Jul 2007, 21:25
by Jensensen
bei festen breiten braucht man genau 1 gif bildchen für runden ecken im DIV block. je nach optischen spielchen max 3 bildchen - alles css, keine scripte, valid und sichtbar in allen (div-)browsern dieser welt.

bei variablen breiten wird's kniffliger - da ist deine lösung ggf. eine alternative.

greetz

Posted: Wed 4. Jul 2007, 09:08
by Jensensen
noch ein runde-ecken-script:

http://docs.jquery.com/Tutorials:Rounded_Corners

greetz

Posted: Wed 4. Jul 2007, 09:24
by jscholtysik
Hi,


das ist eine Lösung für Rounded Corners ohne Grafik(en)...


http://www.html.it/articoli/nifty/index.html


Have fun.


Joachim

Posted: Wed 4. Jul 2007, 10:34
by update
Das sieht wirkich gut aus - und js ist ja bei (fast) allen Usern Standard
Schöner Link - Danke!
claus