Hintergrund strecken ?

[turbopimp]

Wieder mal ein problem!

ich habe mein Backround mittels

Code: Alles auswählen

BODY {background:url(Bilder/gXploit---Design_02.jpg);
background-repeat:repeat;
background-position: ...;

eingefügt das problem ist anstatt er es "zieht btw streckt " macht er das bild nur immer hinter einander.. i know backround-repeat:repeat; macht das ..

Wie mach ich das das er das Hintergrundbild "strecken tut " ?

[turbopimp]

ok habs selbst geschafft war ein fehler vom slice btw von mir !

Jetzt die frage breite & höhe vom hintergrund einstellen?

[turbopimp]

also mein design ist 1024 px.. aba der hintergrund is breiter als das design selbst..wie kann ich den hintergrund reduzieren?

[turbopimp]

so also habe mal mein monitor auf 1024 x 768 gemacht und siehe das design passt exakt in FF!

Aber ich habe z.b normalerweise 1300 x 768 . jetzt meine frage... wie kann ich das so einstellen das sich das design selbst anpassen tut?

[turbopimp]

auch hinbekommen einfach width auf auto

Anderes problem ich habe übern HEADER so eine lange sitebar die sich automatisch anpasst aba auf der sitebar hab ich was geschrieben via PP wenn er es jetzt ziehen tut wegen der auflösung verrutscht das..wie kann ich es machen das er z.b den teil wo die schrift drauf is inruhe lässt und ab da an den balken ziehen tut?

.head {
background-image:url(Bilder/gXploit---Design_01.jpg);
width: auto;
height: 30px;
background-position:right;

}

[turbopimp]

mit backround-position: center;

klappt es zwar. aber dann ist mein header über die bar also es verschiebt sich

[turbopimp]

klappt doch

sorry für die vielen fragen aba nach überlegen komm ich immer selbst drauf

[turbopimp]

oder auch nicht bei einer höhren auflösung zieht es wieder doppelt

[Azra]

Warum sollten sich Bilder strecken, dadurch hast du doch immense Qualitätsverluste?
Ein übliches Layout wird in einen "Wrapper" gepackt, welcher im Browserfenster durch "margin: 0 auto;" zentriert wird.

Code: Alles auswählen

<div id="wrapper">
     <div id="header"></div>
     <div id="content">Blabla</div>
     <div id="footer"></div>
</div>


Aber ich habe so eine dumpfe Vermutung dass du ein Table-Layout hast.