Delphi-PRAXiS

Delphi-PRAXiS (https://www.delphipraxis.net/forum.php)
-   Programmieren allgemein (https://www.delphipraxis.net/40-programmieren-allgemein/)
-   -   [CSS] Probleme mit IE und FF (https://www.delphipraxis.net/92171-%5Bcss%5D-probleme-mit-ie-und-ff.html)

Flare 15. Mai 2007 17:09


[CSS] Probleme mit IE und FF
 
Liste der Anhänge anzeigen (Anzahl: 1)
Hey ho!

Ich habe mir ein Design überlegt, welches man sich hier ansehen kann. Im FireFox (2.0) wird dieses korrekt wie gewünscht angezeigt, im IE 6.0 (Bild im Anhang) jedoch nicht.

Hier der HTML-Code
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
   <head>
      <title>
         Eternal - {title}
      </title>
      <link href="style.css" rel="stylesheet" type="text/css">
   </head>
   <body class="opaque">
      <div id="head" class="transparent">
         {head}
      </div>
      <div id="nav" class="transparent">
         {nav}
         Ewig langer Text


         Ohne Inhalt


         Oder Sinn


      </div>
      <div id="stat" class="transparent">
         {stat}
         Ewig langer Text


         Ohne Inhalt


         Oder Sinn


         Ewig langer Text


      </div>
      <div id="main" class="transparent">
         {main}


         Ewig langer Text


         Ohne Inhalt


         Oder Sinn


         Ewig langer Text


         Ohne Inhalt


         Oder Sinn


         Ewig langer Text


      </div>
      <div id="foot" class="transparent">
         {foot}


         {information}
      </div>
   </body>
</html>
und hier der entsprechend nötige Auszug aus dem CSS
Code:
.opaque {
   background-image: url(images/bg.jpg);
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: center;
}

.transparent {
   background-image: url(images/bg20.jpg);
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: center;
}
Ich hoffe ihr könnt mir helfen, immerhin soll es ja nicht nur im FF so aussehen!


Flare

Mazel 15. Mai 2007 17:14

Re: [CSS] Probleme mit IE und FF
 
Hallo

welches Problem hast du denn? Im IE 7 scheint es keine Probleme zu geben, sowohl im IE 7 als auch FF 2 wird alles korrekt bzw. beides gleich angegzeigt. Scheint also ein reines IE Version 6 und tiefer Problem zu sein, wobei ich aber denke, dass keine größen Änderungen in der Interpretation von CSS stattgefunden haben.

Gruß
Mazel

Flare 15. Mai 2007 17:19

Re: [CSS] Probleme mit IE und FF
 
Okay, wenn es im IE7 "richtig" angezeigt wird, bin ich schon mal fast beruhigt. Ich habe mal oben im Anhang das Bild eingefügt, was mir der IE 6 bietet.


Flare

DGL-luke 15. Mai 2007 17:38

Re: [CSS] Probleme mit IE und FF
 
hmm... im IE könntest du jetzt tricksen: IE-Weiche, Hintergrundbild für die ganze Seite, und dann mit den opacity-filtern spielen. Wie gesagt, die Weiche könnte dann ein bisschen hackig werden.

Die Muhkuh 15. Mai 2007 17:47

Re: [CSS] Probleme mit IE und FF
 
Hi,

für die IE6 gibt es ein JavaScript namens IE7-Script. Damit verhält sich der IE6 fast wie der IE7, man muss eigentlich gar nichts mehr nachbügeln oder einen Hack einsetzen.

DGL-luke 15. Mai 2007 17:48

Re: [CSS] Probleme mit IE und FF
 
... bloß blöd, wenn JS aus ist.

Assertor 15. Mai 2007 17:53

Re: [CSS] Probleme mit IE und FF
 
Zitat:

Zitat von DGL-luke
... bloß blöd, wenn JS aus ist.

[little OT]
Ich versteh das ganze Gerangeln wegen JavaScript/ECMA-Script nicht. Findet sich doch eh fast keine Seite mit ->Content<- bzw. Nutzen, die ohne JavaScript wirklich angenehm ist. AJAX ist doch z.B. eine wirklich schöne Neuerung. Kennst Du eine Bankseite, die ohne JavaScript sich aufrufen läßt (und ich meine jetzt keine Sparkasse xyz, sondern echtes Onlinebanking)?

Google Online-Anwendungen ebenso und viele mehr.

Wichtig ist halt nur: Auch ohne JavaScript sollte Navigation und Content etc. sichtbar sein ("Accessibility"), nur halt die "Usability" soll -mit- steigen.

Aber wer sagt: JavaScript ist nicht immer an muß auch gelten lassen: CSS ist nicht immer an - gibt ja Lynx o.ä...
[/little OT]

Gruß winkel79

P.S: So denke ich über JS, aber nicht über ActiveX und Flash ;)

Die Muhkuh 15. Mai 2007 18:03

Re: [CSS] Probleme mit IE und FF
 
Ich sag immer so: Wer etwas ausschaltet, muss mit Benachteiligungen rechnen. ;-)

Christian Seehase 15. Mai 2007 18:33

Re: [CSS] Probleme mit IE und FF
 
Moin Manuel,

Zitat:

Zitat von Die Muhkuh
Ich sag immer so: Wer etwas ausschaltet, muss mit Benachteiligungen rechnen. ;-)

und da ich JavaScript nur Siteweise aktiviere sage:
Meistens gibt es Alternativen, die auch ohne funktionieren ;-)

S2B 15. Mai 2007 18:37

Re: [CSS] Probleme mit IE und FF
 
Naja, in diesem Fall wäre diese JS-Bibliothek vielleicht berechtigt, aber in den meisten Fällen lassen sich CSS-Probleme relativ schnell lösen, oft sogar durchs Ausprobieren. Zumindest das generelle Design lässt sich in 90% aller Fälle IE5+ (jaa, IE5, auch wenn ich das kaum bzw. gar nicht mehr tue^^), FF1+, Opera8+ und Safari1+ machen.

alcaeus 15. Mai 2007 21:24

Re: [CSS] Probleme mit IE und FF
 
Moin,

das IE7-Script aendert nur kleinigkeiten und ist nicht zwingend notwaendig. Durch die Browserweiche wird es nur an IE-Benutzer ausgeliefert, die noch nicht den IE7 verwenden. Selbst wenn JS aus ist (und wieviele IE6-Benutzer gibt es, die JS aus haben? ;) ) sieht die Seite nicht ganz so optimal aus, aber sie laesst sich noch ganz normal verwenden.

Wenn man den korrekten DOCTYPE verwendet und die Seite auch im IE im Standards-Mode laufen laesst, dann klappt eigentlich das meiste (sogar das Box model)

Greetz
alcaeus

Flare 15. Mai 2007 22:00

Re: [CSS] Probleme mit IE und FF
 
Ich habe selber noch eine Lösung gefunden, die zum Beispiel bei BeyondUnreal angewendet wird, wo ich sie auch her habe. Da wird einfach der CSS als PHP-Datei gekennzeichnet und beim laden geguckt, ob der Browser IE6 oder niedriger ist und wenn es so ist, wird als position nicht center angegeben, sondern das Bild entsprechend der Position so verschoben, dass es wieder passt.

Ich habe auch schon versucht, diese JS-Bibliothek einzubinden, die dem IE6 beibringt wie der IE7 die Seiten zu gestalten, nur hat das bei mir keine Veränderung gebracht.


Welche von den genannten Lösungsvorschkägen würdet ihr mir denn empfehlen?


Flare

S2B 16. Mai 2007 13:28

Re: [CSS] Probleme mit IE und FF
 
Conditional Comments: http://www.css4you.de/trickkiste/tr00032.html


Alle Zeitangaben in WEZ +1. Es ist jetzt 09:33 Uhr.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.
Delphi-PRAXiS (c) 2002 - 2023 by Daniel R. Wolf, 2024 by Thomas Breitkreuz