div Problem (background-image, z-index)

CSS Forum und Frameworks wie BootStrap oder MaterializeCSS
Antworten
k00ni
Beiträge: 1474
Registriert: 22. Juni 2006, 16:44
Kontaktdaten:

div Problem (background-image, z-index)

Beitrag von k00ni » 18. Februar 2007, 18:42

Hallo,

diese Seite sieht im IE total ok aus. Hier der Link.

Im Firefox hingegen ist ein Problem im oberen Bereich. Das Hintergrundbild ist verschoben und der graue Bereich, den man beim IE sieht, der auch eigentlich ok ist, wird beim FF weiß und das Hintergrund verdeckt auch den Übergang.

Der HTML - Code ist:

Code: Alles auswählen

   
In den 3 CSS-Klassen steht folgendes drin:

Code: Alles auswählen

.title {
  font-family:Tahoma,Sans-Serif;
  color:# hex ?>;
  font-size:48px;
  height: 20px;
  margin-top:-59px;
  padding-top:33px;
  position:absolute;
  z-index:10;
}

Code: Alles auswählen

.header {
  margin-top:20px;
  /*background-color:# hex ?>;*/
  background-image:url(../images/banner.jpg);
  height: 267px;
}
Ich habe keine Ahnung, an was es liegen könnte. Das Problem ist, dass dies Code aus einem Joomla-Template ist und es Klassen verwendet werden, welche ich nicht finden kann. Es wird zudem PHP-Code in der CSS-Datei verwendet...

Anbei:
- Firefox 2.0.1
- Internet Explorer 7
- Joomla 1.0.12
- Template: infinitelysimple

Danke für etwaige Vorschläge.


k00ni

Benutzeravatar
rebel
Beiträge: 321
Registriert: 16. Januar 2004, 23:13
Kontaktdaten:

div Problem (background-image, z-index)

Beitrag von rebel » 18. Februar 2007, 19:57

ich sehe worin dein problem liegt, kann dir aber leider nicht helfen.
ich denke mal gehört zu haben das der FF mit dem z-index nicht so klar kommt wie der IE

was der php code macht ist mir auch schleierhaft :-/

evtl hilft dir self HTML
oder
css 4 you
ich hab keine ahnung - aber davon eine ganze menge

:o)

k00ni
Beiträge: 1474
Registriert: 22. Juni 2006, 16:44
Kontaktdaten:

div Problem (background-image, z-index)

Beitrag von k00ni » 18. Februar 2007, 21:39

Jetzt habe ich einfach eine Tabelle herum gemacht, da ich allgemein die Breite etwas einschränken wollte, und zudem noch einen einfachen Break davor (
).

Jetzt sieht es sauber aus. :gaga: Zum ersten mal kann ich sagen, scheiß FF, ohne jetzt hier einen Flame war anzuzetteln. Ich bin froh, dass ich mich nicht täglich, wie bspw. ein Webdesigner, mit den verschiedenen Browserschwächen herumschlagen muss.


k00ni

...
Beiträge: 895
Registriert: 24. Juli 2002, 20:52

div Problem (background-image, z-index)

Beitrag von ... » 18. Februar 2007, 22:22

[quote]was der php code macht ist mir auch schleierhaft [Unzufrieden] [/quote]
Naja, damit erreicht man, dass die Schriftfarbe variabel gestaltbar ist, wahrscheinlich kann man im Joomla für jeden Div oder Bereich eine Schriftfarbe definieren...

k00ni
Beiträge: 1474
Registriert: 22. Juni 2006, 16:44
Kontaktdaten:

div Problem (background-image, z-index)

Beitrag von k00ni » 19. Februar 2007, 01:00

Habe jetzt das Template nochmal geändert, nachdem ich fast 2h versucht habe, wegen eines Darstellungsproblems, was wegen auf der Auflösung des Bildschirms auftrat, den CSS Code für den FF anzupassen.

Wie auch immer. Die Frage hat sich erledigt. Danke für die Antworten :-)


k00ni

Antworten