Gå til innhold

dynamisk linje over hele skjermen, selv i små divs


Anbefalte innlegg

noen gang følt at css ikke liker deg? den følelsen fikk jeg og kompissen min også når vi skulle lage en rød linje på 1 pixel over heeeele skjermen, inni en div på 720 pixlers bredde :p (www.clvn.net/ea (wip. en gjennoppbygning av en side med tables osv.)). vi _kunne_ ha satt linja i det bakerste laget, men vi ville at linja skulle være dynamisk, ettersom innholdet på siden varierer i størrelse..

 

for de som ikke gidder å sjekke css'en, var det dette vi gjorde:

 

vi satt bredden på hrbildet (bilde for å ikke messe opp i vår alles kjære ie.............-->) til ca. 4000px bredde.. da slipper vi mye tull med høyere resolutions en stund fremover.. så, satt vi margin-left til -2000px eller noe i den duren, for å få den ut av skjermen. så kom haxinga: på den innerste diven, skrev vi overflow:visible.. men da kunne man jo scrolle uuut av skjermen.. en rask overflow:hidden på "universe"diven vår (den vi bruker til bakgrunnen med den øverste streken osv), og det funka fett :p

 

dere cssguruer der ute må hate oss eller hva? :p vel, det funka! :) føl dere gratis til å kommentere

 

EDIT: Hele greia funka ikke i ie før vi la til "position:relative".. dumme ie :p

Endret av norman
Lenke til kommentar
Videoannonse
Annonse

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...