zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Zwei DIVs übereinander, beide mit verschiedenem Hintergrund?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.03.2005, 10:05
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard Zwei DIVs übereinander, beide mit verschiedenem Hintergrund?

Hi,

ich habe bei einem kleineren Projekt ein Problem.

Da ich ein Logo immer "ganz unten links" brauche, und es nicht absolut positionieren wollte (was auch nicht wirklich gut geht),
habe ich es halt anders machen wollen.

Ich habe zwei DIVs übereinander gelegt. Im ersten DIV wird im Hintergrund die Seitenleiste der Navigation gekachelt.

Im zweiten DIV, das quasi "drüber" liegt, habe ich das Logo in den Hintergrund gepackt und nach unten links positioniert.

Das funktioniert tadellos im alten IE5.0, IE6 und Firefox auf Windows.

Es funktioniert aber nicht in Opera 7.6 (Win), das Logo wird nicht angezeigt.

Auf dem MAC will es auch nicht richtig funktionieren - Netscape 7 (hat der Kunde leider) wird das Logo auch nicht angezeigt.

Und was noch schlimmer ist, auf dem Safari wird es zwar angezeigt, aber über das komplette DIV gekachelt (trotz der Angabe no-repeat).

Wer hat eine Idee?

Der Link: http://www.devshack.biz/kunden/nice/

Anbei noch ein Screenshot von Safari.
Angehängte Grafiken
Dateityp: jpg safari.jpg (45,6 KB, 218x aufgerufen)
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.03.2005, 11:30
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
#inner
{
float: left;
background: url(/kunden/nice/pix/layout/logo.gif) 10px bottom no-repeat;
min-height: 500px;
}
Bei background-position ist eine kombinierte Angabe von Schlüsselwörtern und Zahlenangaben nicht zulässig.
Zumindest der Fehler im NN7 rührt daher, Safari kann ich grad nicht testen.

Na, da haben wir ja mal was gefunden, was der FF "fälschlicherweise richtig" anzeigt...

Grüße
fricca
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.03.2005, 11:34
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Guter Tip, werd ich mal ausprobieren. Aber wo steht explizit, dass es nicht gestattet ist?
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
  #4 (permalink)  
Alt 13.03.2005, 11:35
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

In obigen Link ziemlich weit unten bei background-position:
Zitat:
Schlüsselwörter dürfen nicht mit Prozentwerten oder Längenwerten kombiniert werden
Voilà.

Mach einfach ein "10px 100%" draus, schon klappt dat.

Grüße
fricca
Mit Zitat antworten
  #5 (permalink)  
Alt 13.03.2005, 11:40
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Merci, das wars! Ich schätze mal, im Safari wird es jetzt auch gehen und nicht gekachelt *hoff*
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
  #6 (permalink)  
Alt 13.03.2005, 11:47
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Seltsam finde ich übrigens, dass dein CSS trotz dieser "falschen" Angabe im CSS-Validator als valide angezeigt wird, der Validator aber im "Ihr validiertes CSS" aus der fraglichen Zeile das hier macht:
background : url(/kunden/nice/pix/layout/logo.gif) repeat 10px 50%;

Grüße
fricca
*grübelnd*
Mit Zitat antworten
  #7 (permalink)  
Alt 13.03.2005, 11:53
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Habe es jetzt online mal aktualisiert. Müsste jetzt passen ...

Das mit dem Validator ist wirklich eigenartig ... naja, ist ja auch nur ein armes Skript, das nicht ganz fehlerlos ist
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Ein Bild im Vordergrund, DIVs im Hintergrund Violette (X)HTML 12 31.03.2013 13:53
Zwei divs übereinander Go-Go CSS 2 10.02.2013 20:46
div Hintergrund wird im IE durch Hintergrund des unteren divs überlagert ren83 CSS 6 19.10.2008 16:50
Mehrere DIV's im Hintergrund anordnen wolf1985 CSS 5 12.05.2008 13:34
Div Orientierung Leonidus CSS 22 30.05.2007 18:05


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:20 Uhr.