Hintergrundbild

Dr. Gore

Mache eine Seite wo im Body der hintergrund aus einem Bild besteht. Das bild soll sich nicht wiederholen...

Mein Code ist:

Code

[size=10]
body
[B]{
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]padding[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]0[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]margin[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]0[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]background[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]#6A6A6A[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]color[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]#FFF[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]background-image[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:url[/B]([/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]'images/hauptseite.jpg'[/COLOR][/SIZE][/COLOR][/SIZE][size=10])[B];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]font-family[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]arial[/COLOR][/SIZE][/COLOR][/SIZE][size=10], [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]verdana[/COLOR][/SIZE][/COLOR][/SIZE][size=10], [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]helvetica[/COLOR][/SIZE][/COLOR][/SIZE][size=10], [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]tahoma[/COLOR][/SIZE][/COLOR][/SIZE][size=10], [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]sans[/COLOR][/SIZE][/COLOR][/SIZE][size=10]-[/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]serif[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]font-size[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]80%[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]line-height[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]150%[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
}
[/B][/SIZE]

Alles anzeigen

Was muß ich ändern damit es fixiert ist und sich nicht wiederholt ?

gelöschter User

Code

background-repeat:no-repeat;

das sollte reichen

mfg

Dr. Gore

Super danke ! Klappt.

gelöschter User

hoff ich doch
falls du wieder solche einfachen CSS fragen hast
kannste auch einfach bei

http://www.css4you.de mal schaun

wenn net helf ich dir halt trotzdem

Dr. Gore

Cooler Link. Habe mir jetzt die Befehle für das positionieren des Hintergrundbildes da rausgesucht... nur rührt sich nichts. alleine durch den top befehl müsste das Bild doch schon einen satz nach unten machen oder ?

Code

[size=10]
body
[B]{
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]padding[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]0[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]margin[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]0[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]background[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]#8F8989[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]color[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]#FFF[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]background-image[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:url[/B]([/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]'images/hauptseite.jpg'[/COLOR][/SIZE][/COLOR][/SIZE][size=10])[B];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]background-repeat[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B][/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]no[/COLOR][/SIZE][/COLOR][/SIZE][size=10]-[/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]repeat[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]font-family[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]arial[/COLOR][/SIZE][/COLOR][/SIZE][size=10], [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]verdana[/COLOR][/SIZE][/COLOR][/SIZE][size=10], [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]helvetica[/COLOR][/SIZE][/COLOR][/SIZE][size=10], [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]tahoma[/COLOR][/SIZE][/COLOR][/SIZE][size=10], [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]sans[/COLOR][/SIZE][/COLOR][/SIZE][size=10]-[/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]serif[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]font-size[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]80%[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]line-height[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]150%[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]top[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]100[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]left[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]50[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]right[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]50[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B]


[B]}
[/B][/SIZE]

Alles anzeigen

driver

top und left lässt sich auf den inhalt anwenden.
fürs hintergrundbild brauchst du background-position

SpeedFire

Optimierungsvorschlag:

Code

background:#8F8989 url('images/hauptseite.jpg') no-repeat;

Dr. Gore

....

EDIT

Ich komme einfach nicht weiter... ich springe gleich aus dem Fenster.....

Ich hab eine Vorlage bekommen wie die Seite aussehen soll wenn die fertig ist...

und zwar so:

[Blockierte Grafik: http://i142.photobucket.com/albums/r119/Brain_Bug/do3.jpg]

Mit eurer Hilfe bin ich bei meiner Auflösung von 1280 x 1024 kam ich zu diesem Ergebnis... wobei es mir nur um das Hintergundbild und das positionieren der textbox ging.... die Links sind im Bild fest drin... die bekomme ich nochmal einzelln als bilder... sowie ein Huntergrundbild was ohne die Links daherkommt.

[Blockierte Grafik: http://i142.photobucket.com/albums/r119/Brain_Bug/do2.jpg]

Jetzt bin ich zum testen auf eine Auflösung von 1024 x 768 gegangen und hab einen Schlag bekommen:

[Blockierte Grafik: http://i142.photobucket.com/albums/r119/Brain_Bug/do1.jpg]

Die Textbox.... befindet sich in containerright...Im containerleft ist die selbe nur steht da nichts drin. Da möchte ich die Links reinmachen.

Code

[size=10]
body
[B]{
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]padding[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]0[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]margin[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]0[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]color[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]#FFF[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]background[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B][/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]#8F8989[/COLOR][/SIZE][/COLOR][/SIZE][size=10] [B]url[/B]([/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]'images/hauptseite.jpg'[/COLOR][/SIZE][/COLOR][/SIZE][size=10]) [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]no[/COLOR][/SIZE][/COLOR][/SIZE][size=10]-[/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]repeat[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]background-repeat[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B][/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]no[/COLOR][/SIZE][/COLOR][/SIZE][size=10]-[/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]repeat[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]font-family[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]arial[/COLOR][/SIZE][/COLOR][/SIZE][size=10], [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]verdana[/COLOR][/SIZE][/COLOR][/SIZE][size=10], [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]helvetica[/COLOR][/SIZE][/COLOR][/SIZE][size=10], [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]tahoma[/COLOR][/SIZE][/COLOR][/SIZE][size=10], [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]sans[/COLOR][/SIZE][/COLOR][/SIZE][size=10]-[/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]serif[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]font-size[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]80%[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]line-height[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]150%[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]background-position[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]290px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B]




[B]}
[/B]img
[B]{
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]border[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]0[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
}
[/B][/SIZE][B][size=10] 
[/B]#centrecontainer
[B]{
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]position[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]absolute[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]top[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]57%[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]left[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] -[/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]95px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]width[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]100%[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
}
[/B]#outercontainer
[B]{
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]margin-left[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] -[/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]400px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]position[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]absolute[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]top[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] -[/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]236px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]left[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]50%[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
}
[/B]#header
[B]{
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]width[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]800px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]height[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]29px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]letter-spacing[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]1px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
}
[/B]#container 
[B]{
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]border[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]0px[/COLOR][/SIZE][/COLOR][/SIZE][size=10] [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]solid[/COLOR][/SIZE][/COLOR][/SIZE][size=10] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]#FFF[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]width[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]760px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]height[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]370px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
}
[/B]#containerleft
[B]{
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]float[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]left[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]width[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]350px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]height[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]350px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]border-right[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]2px[/COLOR][/SIZE][/COLOR][/SIZE][size=10] [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]solid[/COLOR][/SIZE][/COLOR][/SIZE][size=10] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]#FFF[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]padding[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]10px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
}
[/B][/SIZE][size=10][/SIZE][size=10][/SIZE][B][size=10] 
[/B]#containerright
[B]{
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]float[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]left[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]width[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]350px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]height[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]350px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]background[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]#5C5C5C[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]overflow[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]auto[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]padding[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]10px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
}
[/B][/SIZE]

Alles anzeigen

Habt ihr einen Tipp... falls der Code Schrott ist wißt ihr wie ich das am einfachsten Umsetzen kann ?

SpeedFire

Code

background:#8F8989 url('images/hauptseite.jpg') no-repeat center;

die änderung ist das center am ende
das no-repeat hast du jetzt übrigens doppelt

Dr. Gore

Danke Speed Fire....

Dr. Gore

Bin fleißg am rumprobieren...

mein neues Hintergundbild hat eine Göße von 667 mal 500.

Meine css Box ['rh-col' genannt] passt sich immer nur dem Text an....

Mein neuer Weg ist das ich das rh-col als extra box im Body nehme und da das Hintergrundbild als bg reinpacke....

Klappt soweit auch... und auch bei verschiedenen auflösungen passt bis jetzt alles.

Ich hatte im rh-col einen langen Lorem Ipsum text stehen... habe den entfernt da ja in dieser box nur das Hintergrundbild sein soll. Die Text Box möchte ich in eine eigenständige css Box packen und dann an den gewünschten Ort positionieren.

Mein Probelm

Die Box soll auch ohne Text groß bleiben, sodaß das Hintergund Bild komplett zu sehen ist.

Mein Code:

Code

[size=10]
body[B]{
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]margin[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]0px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]padding[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B][/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]0[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]background[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]#6A6A6A[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]color[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]#333333[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][B]}
[/B][/SIZE] 
[size=10]#rh-col[B]{
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]margin[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]0px[/COLOR][/SIZE][/COLOR][/SIZE][size=10] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]80px[/COLOR][/SIZE][/COLOR][/SIZE][size=10] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]20px[/COLOR][/SIZE][/COLOR][/SIZE][size=10] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]100px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]border[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]2px[/COLOR][/SIZE][/COLOR][/SIZE][size=10] [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]solid[/COLOR][/SIZE][/COLOR][/SIZE][size=10] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]#000000[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]background[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B][/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]#6A6A6A[/COLOR][/SIZE][/COLOR][/SIZE][size=10] [B]url[/B]([/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]'images/hauptseite.jpg'[/COLOR][/SIZE][/COLOR][/SIZE][size=10]) [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]no[/COLOR][/SIZE][/COLOR][/SIZE][size=10]-[/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]repeat[/COLOR][/SIZE][/COLOR][/SIZE][size=10] [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]center[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]color[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]#ffffff[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]padding[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/B] [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]20px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];
[/B][B]}
[/B][/SIZE]

Alles anzeigen

Dodo

width:667px;
height:500px;

SpeedFire

mit

Code

width:GRÖßE;
height:GRÖßE;

und für die zukunft http://www.css4you.de/

Edit: schitt, zu spät

Dr. Gore

Danke Jungs für eure gedult heute... denke liegt an meiner Grippe das ich so auf dem Schlauch heute stehe !

Sowie meine Melone wieder klar ist zieh ich mir die css4you mal in ruhe rein !

yeti66

Ansonsten wäre der gesamte Quelltext / Link hilfreich um evtl. andere Fehler und Dateileichen auszumerzen. Viele Augen sehen mehr...!

Dr. Gore

Super Yeti66...

Also wie schon gesagt.. so soll das mal ausehen wenns fertig ist:

[Blockierte Grafik: http://i142.photobucket.com/albums/r119/Brain_Bug/do3.jpg]

Das hier ist der aktuelle Stand:

[Blockierte Grafik: http://i142.photobucket.com/albums/r119/Brain_Bug/neuscreen.jpg]

Mein gesammter Quelltext

html:

HTML

[size=10]<!DOCTYPE html PUBLIC [/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]"-//W3C//DTD XHTML 1.0 Transitional//EN"[/COLOR][/SIZE]
[/COLOR][/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"[/COLOR][/SIZE][/COLOR][/SIZE][size=10]>[/SIZE]
[size=10]<html xmlns=[/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]"http://www.w3.org/1999/xhtml"[/COLOR][/SIZE][/COLOR][/SIZE][size=10]>[/SIZE]
[size=10]<head>[/SIZE]
[size=10]<title>Fu[B][I]&szlig[/I][/B];ball Fanclub Dortmund</title>[/SIZE]
[size=10]<meta http-equiv=[/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]"content-type"[/COLOR][/SIZE][/COLOR][/SIZE][size=10] content=[/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]"text/html; charset=UTF-8"[/COLOR][/SIZE][/COLOR][/SIZE][size=10]/>[/SIZE]
[size=10]<meta name=[/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]"description"[/COLOR][/SIZE][/COLOR][/SIZE][size=10] content=[/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]"description"[/COLOR][/SIZE][/COLOR][/SIZE][size=10]/>[/SIZE]
[size=10]<meta name=[/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]"keywords"[/COLOR][/SIZE][/COLOR][/SIZE][size=10] content=[/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]"keywords"[/COLOR][/SIZE][/COLOR][/SIZE][size=10]/> [/SIZE]
[size=10]<meta name=[/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]"author"[/COLOR][/SIZE][/COLOR][/SIZE][size=10] content=[/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]"author"[/COLOR][/SIZE][/COLOR][/SIZE][size=10]/> [/SIZE]
[size=10]<link rel=[/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]"stylesheet"[/COLOR][/SIZE][/COLOR][/SIZE][size=10] type=[/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]"text/css"[/COLOR][/SIZE]
[/COLOR][/SIZE][size=10]href=[/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]"sheet.css"[/COLOR][/SIZE][/COLOR][/SIZE][size=10] />[/SIZE]
[size=10]</head>[/SIZE]
[size=10]<body>[/SIZE]
 
[I][size=10][COLOR=#808000][size=10][COLOR=#808000]<!-- hier der Bereich wo der Text reinkommt-->[/COLOR][/SIZE][/COLOR][/SIZE][/I]
[size=10]<div id=[/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]"lh-col"[/COLOR][/SIZE][/COLOR][/SIZE][size=10]>[/SIZE]
[size=10]<b>Hilfe</b>[/SIZE]
 
[size=10]<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>[/SIZE]
 
[size=10]<b>Keine Ahnung</b>[/SIZE]
 
[size=10]<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>[/SIZE]
[size=10]<br />[/SIZE]
[size=10]</div>[/SIZE]
[I][size=10][COLOR=#808000][size=10][COLOR=#808000]<!--ende vom Text Bereich-->[/COLOR][/SIZE][/COLOR][/SIZE][/I]
 
[I][size=10][COLOR=#808000][size=10][COLOR=#808000]<!-- hier beginnt das right column: Da hab ich das Hintergudnbild reingepackt -->[/COLOR][/SIZE][/COLOR][/SIZE][/I]
[size=10]<div id=[/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]"rh-col"[/COLOR][/SIZE][/COLOR][/SIZE][size=10]>[/SIZE]
 
 
[size=10]</div>[/SIZE]
[I][size=10][COLOR=#808000][size=10][COLOR=#808000]<!-- ende vom right column -->[/COLOR][/SIZE][/COLOR][/SIZE][/I]
 
 
[size=10]</body>[/SIZE]
[size=10]</html>[/SIZE]

Alles anzeigen

css

Code

[size=10][COLOR=#808000][I][size=10][COLOR=#808000]/* hier der Stylesheet */[/COLOR][/SIZE][/I][/COLOR][/SIZE]
 
[size=10]body[B]{[/B][/SIZE]
[size=10][COLOR=#008000][size=10][COLOR=#008000]margin[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/SIZE][/B][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]0px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];[/SIZE][/B]
[size=10][COLOR=#008000][size=10][COLOR=#008000]padding[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/SIZE][/B][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]0[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];[/SIZE][/B]
[size=10][COLOR=#008000][size=10][COLOR=#008000]background[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/SIZE][/B][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]#6A6A6A[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];[/SIZE][/B]
[size=10][COLOR=#008000][size=10][COLOR=#008000]color[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/SIZE][/B][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]#333333[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];[/SIZE][/B]
[size=10][B]}[/B][/SIZE]
 
[size=10]#lh-col[B]{[/B][/SIZE]
[size=10][COLOR=#008000][size=10][COLOR=#008000]position[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/SIZE][/B][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]absolute[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];[/SIZE][/B]
[size=10][COLOR=#008000][size=10][COLOR=#008000]top[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/SIZE][/B][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]120px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];[/SIZE][/B]
[size=10][COLOR=#008000][size=10][COLOR=#008000]left[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/SIZE][/B][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]300px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];[/SIZE][/B]
[size=10][COLOR=#008000][size=10][COLOR=#008000]width[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/SIZE][/B][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]270px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];[/SIZE][/B]
[size=10][COLOR=#008000][size=10][COLOR=#008000]border[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/SIZE][/B][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]2px[/COLOR][/SIZE][/COLOR][/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]solid[/COLOR][/SIZE][/COLOR][/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]#000000[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];[/SIZE][/B]
[size=10][COLOR=#008000][size=10][COLOR=#008000]background[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/SIZE][/B][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]#5C5C5C[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];[/SIZE][/B]
[size=10][COLOR=#008000][size=10][COLOR=#008000]color[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/SIZE][/B][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]#ffffff[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];[/SIZE][/B]
[size=10][COLOR=#008000][size=10][COLOR=#008000]margin[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/SIZE][/B][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]0px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];[/SIZE][/B]
[size=10][COLOR=#008000][size=10][COLOR=#008000]overflow[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/SIZE][/B][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]auto[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];[/SIZE][/B]
[size=10][COLOR=#008000][size=10][COLOR=#008000]padding[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/SIZE][/B][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]5px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];[/SIZE][/B]
[size=10][COLOR=#008000][size=10][COLOR=#008000]height[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/SIZE][/B][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]270px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];[/SIZE][/B]
[size=10][B]}[/B][/SIZE]
[size=10]#rh-col[B]{[/B][/SIZE]
[size=10][COLOR=#008000][size=10][COLOR=#008000]margin[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/SIZE][/B][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]0px[/COLOR][/SIZE][/COLOR][/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]80px[/COLOR][/SIZE][/COLOR][/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]20px[/COLOR][/SIZE][/COLOR][/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]100px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];[/SIZE][/B]
[size=10][COLOR=#008000][size=10][COLOR=#008000]width[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/SIZE][/B][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]667px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];[/SIZE][/B]
[size=10][COLOR=#008000][size=10][COLOR=#008000]height[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/SIZE][/B][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]500px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];[/SIZE][/B]
[size=10][COLOR=#008000][size=10][COLOR=#008000]border[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/SIZE][/B][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]0px[/COLOR][/SIZE][/COLOR][/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]solid[/COLOR][/SIZE][/COLOR][/SIZE][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]#000000[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];[/SIZE][/B]
[size=10][COLOR=#008000][size=10][COLOR=#008000]background[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/SIZE][/B][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]#6A6A6A[/COLOR][/SIZE][/COLOR][/SIZE][size=10] [B]url[/B]([/SIZE][size=10][COLOR=#008000][size=10][COLOR=#008000]'images/hauptseite.jpg'[/COLOR][/SIZE][/COLOR][/SIZE][size=10]) [/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]no[/COLOR][/SIZE][/COLOR][/SIZE][size=10]-[/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]repeat[/COLOR][/SIZE][/COLOR][/SIZE][size=10][COLOR=#ff0000][size=10][COLOR=#ff0000]center[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];[/SIZE][/B]
[size=10][COLOR=#008000][size=10][COLOR=#008000]color[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/SIZE][/B][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]#ffffff[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];[/SIZE][/B]
[size=10][COLOR=#008000][size=10][COLOR=#008000]padding[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10]:[/SIZE][/B][size=10][COLOR=#0000f0][size=10][COLOR=#0000f0]20px[/COLOR][/SIZE][/COLOR][/SIZE][B][size=10];[/SIZE][/B]
[size=10][B]}[/B][/SIZE]

Alles anzeigen

koslowski

Hi,

wenn ich das richtig sehe soll die Webseite horizontal und vertikal zentriert sein.

position:absolute; für #lh-col ist imho unnötig und eher kontraproduktiv.

Schau doch mal hier, da wird gezeigt wie du eine komplette Webseite horiz./vert. zentrierst ohne position:absolute zu nutzen.
Die Hg-Grafik kann dann halt ein container statt body bekommen, was die Sache sicher vereinfacht.

koslowski

SpeedFire

für die transparenz:

Code

filter:alpha(opacity=80); /*für IE*/
-moz-opacity:0.8; /*für mozilla*/

steht momentan auf 80%

Dodo

und was ist mit den anderen Browsern?

Ich würde eher ein halbtransparentes Bild als Hintergrundbild nehmen und für IE5 und IE6 einen PNG-Fix reingeben

SpeedFire

stimmt auch wieder
http://www.twinhelix.com/css/iepngfix/

Tags