Oprettet tor. d. 18. november 2010 kl. 12:31:59

pnr
pnr (9.329 point. Point ude: 60)

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!

Skrevet tor. d. 18. november 2010 kl. 12:57:02| #1

BrianCsection
BrianCsection (3.640 point)
img {
background-image:url('billede.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}

Skrevet tor. d. 18. november 2010 kl. 16:53:29| #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)

Skrevet fre. d. 19. november 2010 kl. 09:08:53| #3

pnr
pnr (9.329 point)
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 :-)

Skrevet søn. d. 21. november 2010 kl. 18:04:55| #4

pnr
pnr (9.329 point)
Jeg har droppet det og laver en knap så avanceret løsning :-)
Tak for jeres tid!

Skriv et indlæg




Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] [img]link til billede[/img]
Web- og emailadresser omdannes automatisk til links

Log ind

   

   

Seneste spørgsmål

hvordan fungerer en "phone version" af en side?

Oprettet den 25. maj 2012 kl. 13.03
kurdo giver 200 point for svar | Giv et svar »

Opsætning af design

Oprettet den 24. maj 2012 kl. 20.33
EveryMA giver 60 point for svar | Giv et svar »

text top

Oprettet den 23. maj 2012 kl. 08.08
oersted giver 200 point for svar | Giv et svar »



   




Tips & Tricks fra PC World

Teaser billede

Læserne: Her er vores værste it-indkøb

Det er ikke al it-udstyr, som er det rene guld. Her er nogle af læsernes skrækhistorier.


Anmeldelser fra PC World

Teaser billede

Test: Mobil med Ferrari-design - og en Trabant-motor

Motorola har begået endnu en smartphone med lækkert design og potentiale til at være blandt de bedste. Men den når ikke i mål. Se her hvorfor.


Seneste blogindlæg

Teaser billede

Tvangslukke spørgsmål: Hvad er den bedste løsning?

Hej Vi har mange åbne spørgsmål på Eksperten. Vi ville gerne tvangslukke dem - så et spørgsmål efter f.eks. 6 måneder lukkes. Men der er et par uklarheder som ville være gode at få lidt input til:...


Nyheder fra PC World

Teaser billede

Sådan siger du farvel til Facebook

Læs her, hvordan du dropper Facebook og i stedet anvender nogle brugervenlige alternativer, så du stadig kan være social på nettet.


Nyheder fra Computerworld

Teaser billede

Galleri: De fedeste håndholdte gennem 40 år

Her har du de mest banebrydende håndholdte computere gennem alle tider.


Kurser
Samarbejdspartnere

Udgiver · © 2012 IDG Danmark A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger