Avatar billede pnr Nybegynder
18. november 2010 - 12:31 Der er 3 kommentarer og
1 løsning

hvordan placere man billeder i siden som ikke "udløser" horisontalt scroll

Jeg er ved at implementere et design hvor der er nogle "effekter" i baggrunden. det er bla. noget "farvefade" og nogle billeder, det er tilpas "smart" til at jeg ikke bare kan lave det hele som én baggrund.

I mit design er selve indholdsiden ca. 1000px, jeg har nu brug for at placere et billede på hver side af indholdssiden som en del af "baggrunden", men de må ikke "udløse" horisontal scrollbar! Dvs. at hvis ens skærmopløsning kun er 1000px bred, så kan man ikke se dem, og der er heller ikke nogen horisontal scrollbar, men hvis ens skærm er breddere så vil de blive synlige.

Nogen bud ?

på forhånd mange tak!
Avatar billede BrianCsection Nybegynder
18. november 2010 - 12:57 #1
img {
background-image:url('billede.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
Avatar billede Slettet bruger
18. november 2010 - 16:53 #2
Ikke let...
Du kunne måske indføre et ekstra lag mellem den faste baggrund og indholdet.
Dette mellemlag skal dimensioneres ifht. indholdsområdet så det ikke i sig selv udløser overflow:
(position:absolute;width:100%; height:100%;top:0px;left:0px; overflow:hidden;)
På dette nye lag, kan du så lægge din "effekt" grafik (position:absolute).

<div id=samler>
  <div id=baggrund  z-index=1>
  <div id=effekter      z-index=2>
  <div id=indhold      z-index=3>
</div>

Det burde kunne bringes til at virke - med lidt vedholdenhed :)
- evt. en event til at re-positionere effekten efter window-resize..

Var måske lettere at lave nogle varianter af den almindelige baggrund.
(preloaded, så de vises med det samme, når du aktiverer effekten)
Avatar billede pnr Nybegynder
19. november 2010 - 09:08 #3
Mange tak for jeres kommentar begge to!

Jeg har rodet lidt med jeres forslag, men jeg synes ikke at kan komme frem til noget der virker. Jeg er sikker på at jeg har set noget ligende blive brugt, af diverse avis hjemmesider for nogle år side, men kan ikke lige finde nogle eksempler på det pt.

Her på eksperten bruger man noget lignede i højre side, hvor der kommer en masse reklamer hvis skærmen er bred nok, den løsning dur bare ikke for mig, da min billeder skal virke som om at de indgår i baggrunden, dvs. ikke lige pludselig poppe op :-)
Avatar billede pnr Nybegynder
21. november 2010 - 18:04 #4
Jeg har droppet det og laver en knap så avanceret løsning :-)
Tak for jeres tid!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester