Problem mit IE7 und Background

infectedsoul · #1 (**permalink**) 19.02.2007, 14:13

Hallo Leute...

Ich hab ein Problem mit IE7 und meinem Background Image, welches leider "mitscrollt". Ich habe erst vor kurzem mit CSS begonnen, ich hoffe ihr nehmt es mir nicht übel falls die Frage schon 1000 mal gepostet wurde.

Ich habe natürlich schon die Suchfunktion benutzt aber nichts wirklich hilfreiches gefunden.
Liegt wahrscheinlich daran, dass ich nicht weiß wo genau ich den Fehler gemacht habe. Falls die Lösung dazu in einem FAQ steht, bin ich natürlich dazu gewillt mir dieses sehr genau durchzulesen aber ein kleiner Tip von einem Profi würde mir sicher nicht schaden!

Hier ist meine Seite:
Homepage

und hier der link zum CSS:
CSS

Auf der "Portfolio" fließt der Hintergrund beim Scrollen mit so, dass es unten zu einer schwarzen Fläche kommt.
Ich habe bereits mit background-attachment:fixed; versucht das Problem zu beheben aber nun ist im Firefox und IE7 gar kein Hintergrund mehr zu sehen.

Was habe ich falsch gemacht?

andir · #2 (**permalink**) 19.02.2007, 14:54

Jetzt wissen wir nicht, wie das Ding eigentlich aussehen SOLL.

So rate ich mal:

nimm background-attachment: fixed raus.
Nimm background-repeat raus ( default ist repeat)

dann siehts bei mir mit dem FF gut aus, jedenfalls bei diesem kleinen Fenster der Dir hier beim Content verbleibt.

infectedsoul · #3 (**permalink**) 19.02.2007, 15:38

Ok ich hab jetzt mal background-attachment rausgenommen und jetzt läufts wieder... nur leider funktionierts im IE7 immer noch nicht. Ich möchte, dass der Background bleibt und nur der Text mitscrollt...

Ich dachte das würde mit background-attachment:fixed; funktionieren... tuts aber nicht denn dan wirds wieder schwarz! *gg*
Das "repeat" möchte ich ja nicht rausnehmen... Der Hintergrund soll ja nicht wiederholt werden.

andir · #4 (**permalink**) 19.02.2007, 16:08

Nunja,

da bringt Dir vielleicht die Antwort friccas aus diesem Thread etwas:

http://xhtmlforum.de/38593-overflow-...-probleme.html

wenn auch keine unmittelbare Lösung- du musst ein bisschen umdenken.

infectedsoul · #5 (**permalink**) 19.02.2007, 18:48

Dankeschön für den Tip! Es läuft nun!

Falls es dich interessiert, fricca hat folgendes geschrieben:

Zitat:

Original von fricca
Wenn sich das Hintergrundbild mitbewegen soll, muss es in einem Element innerhalb von #container eingebunden werden, das Element mit overflow:auto also der Containing Block sein.
Wenn du zwei Teile aus dem Bild machst, kannst du's jeweils in #menu und #submenu einbinden (diese werden sicher noch zu Listen, oder?)

Ich hab mir nun gedacht, wenn das Hintergrundbild im dem Element mit "overflow:auto;" eingebunden werden muss, damit es sich mitbewegt, dann muss es bei mir eben nicht so sein.

Also hab ich folgendes gemacht:

Code:

#content {
float:left;
width:345px;
}

#background {
width:345px;
height:335px;
background:url(images/content.jpg) no-repeat;
background-repeat:no-repeat;
}

#main {
float:left;
width:345px;
height:335px;
overflow:auto;
}
#main_content {
padding:10px;
overflow:auto;
position:absolute;
}

Nun sind sie getrennt und alles funktioniert!

Dankeschön nochmal für den Tip!

andir · #6 (**permalink**) 19.02.2007, 22:26

Sag ich doch

aber bedanken wir uns beide bei Fricca

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Fragen zu CSS und Joomla	DOKTOR	CSS	2	23.05.2011 19:29
Headerbild einsetzten	Demmin	CSS	1	08.03.2011 03:58
Problem mit einem 3D-Effekt	moep0710	CSS	12	12.06.2010 14:30
Float - Probleme	wolf1985	CSS	5	19.08.2008 08:14
Footer left und right Probleme...	wolf1985	CSS	2	14.08.2008 13:04