✔ Container Rand? und BGImage fixiert ?

[Ibanese]

[gelöst] Container Rand? und BGImage fixiert ?

Hi,

schaut euch mal bitte kurz diese kleine Seite an.

http://www.mashoove.de/other/divinex/

Der Content ist ein großer DIV CONTAINER. Wie ihr vielleicht sehen könnt, ist ein 1px starker Rand zwischen der Tabelle und dem Container, den ich relative eingebunden habe. Wie bekomme ich den Rand weg?

Schaut euch bitte (wer kann) mal die Seite im FF und im IE an. Ich habe das Hintergrund Bild mit der Eigentschaft "background-attachment:fixed;" eingebunden. Doch Firefox erkennt das nicht an, nur IE, wieso

, Iba

 

[Maik]

Grundsätzlich unterstützt Firefox die CSS-Eigenschaft background-attachment:fixed (= Wasserzeichen-Effekt) sehr wohl. Siehe zum Testen auch SELFHTML: background-attachment.

Wieso es bei dir nicht funktioniert, kann ich derzeit nicht nachvollziehen.

 

[Ibanese]

Und zu dem COnatiner Problem hast du keine Lösung? Das is mein Hauptproblem.

Ich habs schon mit Padding:0px;, margin:0px; und border:0px; versucht.

 

[Maik]

Vermutlich hängt's mit deinem verschachtelten Tabellenkonstrukt zusammen.

Schon mal über ein tabellenloses, dafür CSS-basiertes Layout nachgedacht

Tabellen dienen nämlich nicht als 'Layout-Werkzeug' einer (X)HTML-Seite, sondern zum tabellarischen Anzeigen von Daten / Inhalten.

 

[Quaese]

Hi,

ich vermute mal, dass du den 1-Pixel-grossen Abstand oberhalb des Hintergrundbildes im Content
meinst. Ausserdem soll das Hintergrundbild beim Scrollen fest bleiben.

Versuch es mal mit folgenden CSS-Angaben:

<div style="position: relative; height: 353px; background-image: url('IMGs/iframe.jpg'); background-repeat: no-repeat; background-attachment: inherit !important; background-attachment: fixed; top: -1px; overflow: auto;">

Ich hoffe dein Problem richtig verstanden zu haben.

Ciao
Quaese

 

[SilentWarrior]

Ich weiss nicht, ob irgendwas geändert wurde, aber bei mir funktioniert der Wasserzeicheneffekt wunderbar. (Fx 1.5/Win XP SP 2)

 

[Ibanese]

Ok,

hab die Seite nochmal komplett überarbeitet.

hier mein derzeitges StyleSheet

.contentbg	{	background-image:url(imgs/iframe.jpg);
				background-repeat:no-repeat;
				background-attachment:inherit;
				background-attachment:fixed;}

die Seite http://www.mashoove.de/other/divinex

Der Background wird immer noch nicht angezeigt und ich hab einen blassen Schimmer warum.
Denn: sobald ich das Attribut background-attachment:fixed; herausnehme funktioniert es einwandfrei. Vielleicht liegt es ja an dem Attribut

, Iba

 

[Ibanese]

Ich hab noch nen Tip für euch

Undzwar wirds jetzt im Firefox richtig angezeigt, aber nicht im IE (durch die Positions angabe)

.contentbg	{	background-image: url(imgs/iframe.jpg);
				background-attachment: fixed;
				background-repeat:no-repeat;
				background-position:290px 330px;}

Link zur neuen Version http://www.mashoove.de/other/divinex/ff/

Wie bekomme ich es nun dazu, dass es in beiden Browsern richtig angezeigt ?

, Iba

 

[Maik]

Probier mal folgendes Stylesheet:

div.contentbg
{
background-image: url(imgs/iframe.jpg);
background-repeat: no-repeat;
}

* html div.contentbg /* gilt nur für IE */
{
background-attachment: fixed;
}

 

[Ibanese]

WoW,

Danke, hats funktioniert ... Problem gelöst. Wo kann ich mir sowas selbst aneignen?

, Iba