Hejsa.. Jeg har et lille problem i forhold til positionering af nogle elementer på en hjemmeside.. Jeg har lavet en lille skitse der viser hvordan jeg gerne vil have det til at fungere. Den røde boks i toppen, og de to blå er positioneret med position:fixed og det er meningen at de ikke skal scrolle vertikalt... Så langt så godt... Mit problem ligger i at jeg gerne vil have dem til at scrolle horisontalt hvis browser vinduet bliver for småt ( prøv at gøre vinduet lille for at se hvad jeg mener ) - det undre mig egentlig meget at CSS ikke giver en mulighed for at vælge på hvilken akse man vil fixere dem - det kunne jo let have været lavet f.eks. sådan her: position: fixed-x / position: fixed-y / position: fixed-xy ! - Nå, men hvis der er nogle der kan hjælpe mig med at løse dette problem ville jeg virkelig blive glad.. har snart prøvet alt og kan bare ikke finde en løsning :-(
Min kladde kan ses her ( virker pt. ikke i IE, men fint i FF )
Støv, fibre og metalliske partikler kan påvirke både uptime, levetid og driftssikkerhed. Derfor arbejder flere datacentre systematisk med contamination control.
Jeg er meget åben over for alternative og kringlede løsningsmodeller - bare det kan laves sådan som jeg ønsker... skal også gerne smide alle de point jeg kan efter den der kan hjælpe mig! :-) ( Kunne kun give 200 her, men måske man kan give mere på en måde!? )
Hvorfor sætter du så ikke elementet, som indeholder den tekst, der skal kunne scrolle til en fixeret højde afhængig af skærmstørrelsen (kræver noget javascript !-)
Jeg tror det roenving mener er at du istedet for at bruge position: fixed på de to bokse, så placerer du dem f.eks. med position: relative og derefter definerer du en 'container' f.eks. <div> til det indhold der kommer nedenunder, som har en fast højde. Derved vil de to øverste bokse altid være synlige og indholdet i boksen nedenunder kan scrolle. Løsningen er ikke 100% i det tilfælde at du resizer dit browser vindue til at blive mindre end højden på den container du definerer plus de to øverste bokse, men jeg kan ikke finde på noget bedre :)
Der er forresten en løsning men det er absolut ikke en jeg vil bruge på offentligt tilgængelige sider. Jeg har brugt den på nogle sider jeg kun bruger hjemme på min egen PC og den virker kun i IE.
Og for at det ikke skal være løgn så tror jeg heller ikke det virker ved korrekt brug af DOCTYPE, men det er altså også blot ment som en hjælp hvis det er noget du kun skal bruge hjemme :)
Hmm.. det du lige skrev nu forstår jeg ikke helt, og da jeg sider med en Mac har jeg ikke lige mulighed for at teste det i IE ( IE til Mac, virker ikke til noget! ) - Under alle omstændigheder er det ikke godt nok hvis det kun virker til IE ;-)
johan.o 22/11-2005 23:08:02 har næsten fanget den, men man kan også onload aflæse browserens højde og så sætte indholdsdiven til at have den højde minus højden på de andre elementer !-)
-- det ville selvfølgelig være mere elegant, hvis IE understøttede den slags simple css-property-værdier !o]
Ja det har du selvfølgelig ret i... Men så er designet tilrettelagt efter den størrelse browseren har når folk åbner den.... Det virker vel ikke så godt hvis man reziser...!?
"det ville selvfølgelig være mere elegant, hvis IE understøttede den slags simple css-property-værdier !o]"
- Ja, men det er en helt anden snak :-D - Mit problem er i første omgang ikke at IE ikke forstår position:fixed, men at jeg ikke kan scrolle de fixerede objekter horizontalt.. ( altså i andre browsere ) :-)
-- fixed positionerede indgår ikke i dokument-flowet på den måde, så der skal du nok over i f.eks. relativt eller static (default !-) positionerede elementer ...
-- nåh, ja, tjah, Opera vil nok tilbyde scrollingen under alle omstændigheder, men det har jeg ikke undersøgt !o]
Nogle der kan henvise mig til et fora, gerne internationalt, med en masse CSS eksperter ? - Er godt nok gået i stå med det her, men har ikke lyst til at give op før jeg ved med sikkerhed at det jeg vil ikke kan lade sig gøre :-)
Jeg har nu fundet en side der kan lige det jeg vil i IE og FF til pc. - Horisontalt scroll fungere dog ikke i Safari eller FF til mac, men det må kunne løses.. Ville lige smide et link hvis andre skulle være interesseret :-)
Uden at have kigget detaljeret på hvad cssplay.co.uk havde lavet, så tror jeg det er et godt eksempel på hvor uhensigtsmæssigt der er at kode efter den funktionalitet en evt. browser bug giver, fordi en eller anden dag så rettes den bug nok :)
Ja, jeg er fuldstændig enig... Bare vildt irriterende at jeg ikke kan få det her til at virke.. Hvorfor er overflow-x og overflow-y ikke implementeret i css2 - det giver ingen mening ! :-( - Det kunne løse alle mine problemer... Nå, men er ved at erkende at det bare ikke kan lade sig gøre det jeg vil - har spurgt på diverse store internationale css fora og ikke været i nærheden af at få et svar jeg kan bruge... - Hvis der så bare var en der i det mindste kunne sige med sikkerhed at det IKKE kan lade sig gøre !? :-D
Ha ha - Ja, den havde jeg jo nok regnet med at du ville fyre af... Og det er sikkert også rigtigt... Erfaring siger mig bare at man ALTID kan få det til at virke, hvis man er stædig og kreativ nok :-)
Synes godt om
Ny brugerNybegynder
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.
