CSS-Problem: Hintergrund im Internet Explorer

Hier bekommst Du deutschsprachigen Support. Keine Fehlermeldungen oder Erweiterungswünsche bitte!
Post Reply
larmann
Posts: 311
Joined: Thu 23. Jun 2005, 10:51
Location: Hamburg
Contact:

CSS-Problem: Hintergrund im Internet Explorer

Post 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
cyrano
Posts: 1598
Joined: Sat 31. Jan 2004, 18:33
Location: Stuttgart
Contact:

Post by cyrano »

Hi larmann,

FF 2.0.0.4 und IE7 unter WIN XP alles lesbar.
Gruß/ regards cyrano
--------------------------------------------------------
templates -> http://www.128.weitzelmedia.de
planepix -> http://www.planepix.de
XING -> https://www.xing.com/profile/Thomas_Weitzel3
User avatar
pico
Posts: 2595
Joined: Wed 28. Jul 2004, 18:04
Location: Frankfurt/M Germany
Contact:

Post by pico »

Hi

also im FF und IE7 sieht es 'normal' aus - also Texte etc. alles da
:D :!: :?:
Lieber Gott gib mir Geduld - ABER BEEIL DICH
Horst - find me at Musiker-Board
User avatar
Rainer G
Posts: 377
Joined: Wed 16. Feb 2005, 10:26
Location: Hannover - Germany
Contact:

Post 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?
larmann
Posts: 311
Joined: Thu 23. Jun 2005, 10:51
Location: Hamburg
Contact:

Post 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
User avatar
Rainer G
Posts: 377
Joined: Wed 16. Feb 2005, 10:26
Location: Hannover - Germany
Contact:

Post 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?
User avatar
flip-flop
Moderator
Posts: 8178
Joined: Sat 21. May 2005, 21:25
Location: HAMM (Germany)
Contact:

Post 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
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
User avatar
Jensensen
Posts: 3000
Joined: Tue 17. Oct 2006, 21:11
Location: auf der mlauer

Post 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
{so_much} | Knick-Knack. | GitHub
Umlaute im URL sind meistens immer Kacke.
larmann
Posts: 311
Joined: Thu 23. Jun 2005, 10:51
Location: Hamburg
Contact:

Post 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
User avatar
Jensensen
Posts: 3000
Joined: Tue 17. Oct 2006, 21:11
Location: auf der mlauer

Post 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;
{so_much} | Knick-Knack. | GitHub
Umlaute im URL sind meistens immer Kacke.
User avatar
kukki
Posts: 1709
Joined: Mon 7. Feb 2005, 20:02
Location: Berlin Köpenick
Contact:

Post 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! :!:
Lieber arm dran als Arm ab!

meine historische Website: Jagdgeschwader 300 1.9.34-R554
kukki's SpIeLwIeSe V.1.9.33 R553 responsive
User avatar
Jensensen
Posts: 3000
Joined: Tue 17. Oct 2006, 21:11
Location: auf der mlauer

Post 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
{so_much} | Knick-Knack. | GitHub
Umlaute im URL sind meistens immer Kacke.
User avatar
Jensensen
Posts: 3000
Joined: Tue 17. Oct 2006, 21:11
Location: auf der mlauer

Post by Jensensen »

noch ein runde-ecken-script:

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

greetz
{so_much} | Knick-Knack. | GitHub
Umlaute im URL sind meistens immer Kacke.
jscholtysik

Post 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
User avatar
update
Moderator
Posts: 6455
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Post by update »

Das sieht wirkich gut aus - und js ist ja bei (fast) allen Usern Standard
Schöner Link - Danke!
claus
Post Reply