ingen horizontal scroll

<div style="overflow:hidden">

Hjælper det?

Prøv at sætte "position : fixed" på din Wrapper 1.

html {
    overflow-x: hidden;   
}

hvis det er den anden vej kan du udskifte "x" med "y"...

tak for jeres forslag..

<div style="overflow:hidden"> Virker ikke

"position : fixed" Virker ikke

html {
    overflow-x: hidden;   
}
Virker delvist, idet at horizontal scroll forsvinder, men siden bliver ikke "centreret" omkring centeret hvor siden er 960px. Men er "centeret" omkring de 1124px. Dvs. at når man gør sin browser mindre, så tager den 82px mere med i venstre side (som grafikken går ud over de 960px i hver side).

lige en rettelse..

<div style="overflow:hidden"> Virker selvfølgelig også delvist som:

html {
    overflow-x: hidden;   
}

hvordan ligger den der grafik i forhold til "siden" (de 960 px)???

er det noget lign.:

<div id="siden">
indhold
</div>

<div id="grafik">
grafik
</div>


Eller hvordan ligger det???

<div id="grafik">
    <div id="siden">
    </div>
</div>

"grafik" er 1124px
"siden" er 960px

så det er en container/wrapper inde i en container/wrapper

ok, det var nok også sådan jeg ville gøre det...

skal grafikken være de 1124 px??? - og kan du prøve at forklare det problem vi sidder tilbage med??? jeg tror ikke jeg er helt med...

Ok :) Jeg prøver lige fra bunden..

jeg har lagt en baggrund(repeat-x) i Body

derefter har jeg lavet en container på 1124px og inden i den er der en container til selve siden på 960px.

containeren på 1124px er sat i den bredde da grafikken er 1124px. Problemet er at grafikken "ikke" er en del af selve siden. Så når jeg laver en overflow-x på den vil siden automatisk "stoppe" med at blive mindre ved de 1124px når man strækker browseren mindre.

Det er måske lidt svært at forklare, men du/i kan gå ind på siden og trække siden mindre end de 1124px, så vil i kunne se hvad jeg mener. Har lige uploadet den igen med overflow-x. Siden bliver nemlig ikke centreret omkring selve siden.

Vil gerne at når man f.eks sidder ved en skærm på 1024px, så skal "selve siden" stå i midten.. Det gør den ikke nu

har du prøvet med % (procent)????

Er det muligt at få det til at fungere optimalt hvis jeg sætter min grafik container i %?

Lige nu står begge mine containere med en fast bredde i px. og resten inden i "siden" containeren står i %

jeg ville prøve at sætte grafikken i en %, jeg ved ikke hvordan det vil opføre sig...

ok :) Giver det et forsøg..

du havde sgu ret :) Mange tak..

Men nu er der opstået et nyt problem, desværre..

Nu opfører siden sig sådan, som jeg ønsker. Men når siden bliver mindre end 1124px som grafikken fylder, så går min baggrund(repeat-x) som ligger i body'en over min grafik.. Burde den ikke ligge bag ved min 1124px grafik??

prøv selv at test det på siden, ved at trække den mindre..

hvis du bare vil have den til at ligge bag ved din grafik kan du sætte denne kode ind i din css fil der hvor du har din grafik:

z-index: -1;

så vil den ligge sig bag ved alt andet...

ja, kan se hvor du vil hen med det.. men det er min baggrund i body'en jeg vil have bagerst.. Der virker koden tilsyneladende ikke på.

Den overlapper nemlig min grafik når browseren bliver lille nok.

kan du skrive hele css afsnittet med body'en her???

body        {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 13px;
    background-image:url(../images/background.png);
    background-position: top left;
    background-repeat:repeat-x;
}

det var sjovt for jeg kan ikke se der er noget der....den ligner min egen fuldstændig....

har du prøvet at gøre siden mindre end de 1124px? Body baggrunden går ikke over grafikken? jeg bruger IE hvis det er til nogen hjælp :)

jeg har prøvet din side i både Google Crome og IE, og jeg kan ikke lige se at der er noget galt... Det skulle være at dit logo skygger for noget af grafikken...

hmm, sjovt.. Men du skal have rigtig mange tak for din hjælp.. poster du et svar, så giver jeg nogle point :)

Så må jeg lige få kigget nærmere på det senere..

svar :)

hej igen.. nu har jeg fået kigget nærmere på det jeg snakkede om tilsidst igår. Og jeg kan ikke finde en løsning.

jeg har taget et screenshot så du/i kan se hvad jeg mener:

http://img14.imageshack.us/img14/6396/fejl0.png

Din side virker heller ikke optimalt nu ... tag et kig på denneher http://finks.dk/grafik.html, den burde virke i alle browsere ;)

kan du fortælle hvad det er der ikke virker optimalt? har lige testet det jeg har lavet ind til videre i IE, Chrome og FF, og der er ingen problemer..

Ellers skal du have mange tak for at bruge tid på at hjælpe :)

Hvis dit browser vindue er mindre end 960px, vil der stadig ikke komme en horisontal scrollbar på, fordi du har 'overflow: hidden' på. Derudover er din grafik sat til at være centreret i din div, hvilket gør at den rykker sig i forhold til menuen og ikke mindst dit logo, når browservinduet er mindre end 960px bredt.

Det jeg har gjort i mit eksempel er, at sætte en max- og min-width på min grafik div, der gør at div'en formindskes, hvis vinduet er mindre end 1124px, men stopper, hvis den bliver mindre end 960px i bredden. Derfor skal du ikke have nogen fast width på din div.

Du siger bare til hvis du har flere spørgsmål ;)

Super, mange tak :) Den havde jeg ikke lige set..

Jeg nupper lige noget af din kode ;)

Det er bare iorden ;) (evt. hent den ned, for jeg sletter den nok snart igen ;) )