hvis du vil plaecret dit logo på den måde, synes jeg at du skyulle lave din index side enten som en frame eller med en iframe, således at logoet bliver placeret riktig ligemeget hvad
Alternativt skal du styre både menu og logo efter nogle (måske skjulte) elementer og så via javascript flytte dem på plads ved andre opløsninger og ved resize !-)
getPos returnerer den absolutte placering af et element på siden ...
Hvis du f.eks. har brug for at placere dit logo med en bestemt placering i forhold til en tabel (række/celle) skal vi bare sende den in di funktionen og f.eks. tillægge 85 i højden og xx i bredden, når vi positionerer !-)
Et forslag kunne være at sætte din baggrund ind i en div og så positionere den ligesom baggrunden:
#main{ position:absolute; z-index:-1;/*Kan give problemer, så måske skal du sætte andre elementers z-index i stedet*/ top:30%; left:50%; margin-top:-105px;/*30% af højden*/ margin-left:-300px;/*50% af bredden*/ }
-- derefter kan vi tage den div som udgangspunkt for både logoets og menuens placering:
roenving>> ingen grund til at lægge baggrunden i en div for sig selv, den måde det er gjort på nu giver jo samme resultat. Jeg tillod mig at sætte det til 50% i mit eksempel (da det ser pænere ud ;o). Må dog indrømme at jeg ikke har tjekket i ældre browserversioner.
Kan slet ikke se nogen grund til at blande javascript ind i det x% er vel x% i alle opløsninger? så css skulle vel kunne klare det, og så virker det også selvom man har slået javascript fra.
Ja, fordi logoet skal være de der 10px inde og 24-25px nede i baggrunden vil forholdet ændre sig voldsomt ved andre opløsninger, så det vil ændre indtrykket af designet, voldsomt ved store afvigelser !-)
-- og menuen vil man opleve som om den kører frem og tilbage, hvilket jo netop var en del af problemet !o]
-- og så lige til den der med at have javascript slået fra: 1. Man skal absolut undgå at bruge javascript, hvis det er essentielt, at alt kan ses, men så bør man principielt også undgå css ... (som ikke forstås af ie4-, ns4- og de tekstbaserede browsere !-) 2. Javascript vil normalt kun være slået fra på steder, hvor man af en eller anden overdrevet sikkerhedstrang tror det skader, biblioteker f.eks.
hvis du positionerer med % og ikke px så vil forholdet altid være det samme, se mit eksempel ovenfor (har kun sat menuen), min påstand er at det ikke vil ændre sig ved andre oplsøninger, da % vel er % lige meget hvad - men det kan da være jeg skal prøve det.
jeg vil nødig virke påståelig men mit eksempel virker nu fint i alle de oplsøninger jeg har til rådighed. Hvis blot du tager udgangspunkt i samme procentvise ændring f.eks. 50% så bør det virke fint ( har lige testet i 800x600, 1024x768 og 1280x1024). Hvis jeg ændrer skærmopløsningen så vil alle elementer vel ændre sig proportionalt?
Bortset fra, at små opløsninger på den ene eller anden led vil få et %-vis positioneret element med negativ margin til at være delvis udenfor det synlige område til venstre eller i toppen ...
korrekt, men det samme vil være tilfældet for baggrunden, så det hele hænger stadivæk sammen, man vil blot ikke kunne se andet end midten (det synligeområde 400*200). Jeg har svært ved at se hvordan en javascript løsning vil kunne gøre det bedre - men jeg er heller ikke ligefrem ekspert på det område.
Desuden er der vist ikke mange hjemmesider der fungerer i den størrelse.
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.
