Posted by bambi_2 on June 6, 2011 at 9:47am
För en stund sedan kom ett mail från en användare av en av mina sidor, där jag använder Drupal. På startsidan har hela menyraden trillat ner i källaren... Om man klickar på någon av länkarna hamnar menyn på rätt ställe dvs högst upp till vänster så det tycks bara vara startsidans primärlänkar som hamnar fel.
Om jag kollar i olika webläsare funkar det bra i Mozilla Ff och IE 8. Opera, Safari och Google Chrome fungerar inte.
Övriga sajter tycks vara helt OK.
Vad kan ha hänt?
A-B
Comments
Lite svårt att veta utan att
Lite svårt att veta utan att se HTML koden. Kan du posta en länk till sidan?
Carl McDade
Drupal Source Exchange - alpha
Kan mycket väl ha göra med
Kan mycket väl ha göra med att boxmodellen, det som omgärdar ett element i HTML-koden, inte hanteras 100%-igt av alla webbläsare. Ibland får en box en förskjutning med en eller ett par pixlar, och kan då t.ex. vid användning av float få lite oväntade placeringar eftersom utrymmet inte räcker till längre.
Ex. om man har en design baserat på 960px...
Din meny ligger till vänster i en "spalt" som är 200px bred, och till höger om den ligger "content" och är 740px. Mellan dem vill du ha en marginal på 20px, så du ger dem var och en 10px till höger respektive vänster (dvs. i deras kontaktyta). Om du nu kör float: right och om content för SEO och annat ligger ovanför menyspalten, så kommer content att lägga sig till höger och ta upp 750px. Nu så ska det återstå 210px till vänster om content, och det räcker precis för att menyn ska få plats (200px + 10px)...
Det är nu rätt troligt att man har skapat en container runt allt ihop som är just 960px och sett till att denna container ligger centrerat i sidled... blir ju snyggt :-)
Säg att containern av någon anledning av någon webbläsare förses med en padding på 5px, då minskar innermåttet till 950 px på bredden, och vips får inte 750px + 210px, och då kommer webbläsaren att mata ut de 210px där det får plats... direkt under content (till vänster).
Så lösningen ligger inte bara i HTML-koden, utan även i CSS-koden.
/marcus
Tack för bra förklaring! Jag
Tack för bra förklaring! Jag kollar pixlar etc.
www.aussieklubben.se är adressen
A-B
Ann-Britt