HTML & CSSur HTML, XHTML & CSS
17 svar · 583 visningar · startad av MickeA.com
Hej
Jag har en hemsida som precis blivit klar, nu idag fick jag reda på att det ser himla himla konstigt ut i Mozilla.
Vad kan det bero på?
I IE så ser allt jättebra ut, som det ska vara, men inte i Mozilla, så, vad _kan_ det vara som ställer till det? Det verkar ha med mina tabeller och iframe's på sidan att göra.
Adressen till sidan är http://www.MickeA.com
Du ska (okej, det är inget budord, men det hjälper en hel del) designa med Mozilla som testbrowser, eftersom IE tillåter vissa "fulhack" vad gäller css, som ingen annan läsare gör.
Vanligtvis brukar det som ser ut som det ska i Moz även se rätt ut i andra läsare.
Jag kan inte svara rakt av vad det beror på, men som det ser ut så saknas det ett height="..."-attribut någonstans. Inte mycket till hjälp kanske, men alltid något :OO
Tror inte du kan sätta height till 100% för en iframe.
Hmm, hur ska jag då sätta hökden, kan (vill) inte göra det i pixlar, då jag inte vet hur mkt innehåll det finns på sidan?!
hellboy skrev:
Tror inte du kan sätta height till 100% för en iframe.
Jodå, det går bra. Jag provade att köra sidan med bara tabellen och utan css. Då funkade det. Gå igenom css:en och kolla vad det är som orskakar att det blir som det blir.
Ett tips är att alltid validera all css och HTML i W3C´s validator. Jag brukar göra det, vilket resulterar i att sidorna ser (nästan) exakt likadana ut i alla webläsare.
Det kan bli lite jobb i början för att modifiera all "felaktig" kod, men det är värt besväret! :)
Jag hittar inte deras CSS Validator... Skickar med filen istället, kolla gärna lite om ni ser ngra direkta fel... ;)
Jag fattar ingenting... är det ett program man laddar hem eller vadå?! Kan ngn hjälpa?
Först: Det finns inga garantier att det blir lika bara för att du validerar koden (dvs kollar att den är rätt skriven) - men det ökar chanserna markant...
Men över till frågan:
Förstasidan på validatorn är lite svårtydd om man inte är van att köra den...
Men när du kommer till http://jigsaw.w3.org/css-validator/ så rullar du bara ner lite på sidan - sedan väljer du en av länkarna du hittar där beroende på hur du vill validera:
Validate your cascading style sheet by URI
Validate your cascading style sheet with a text area
Validate your cascading style sheet source file by upload
By URI - via webbadress (dvs be validatorn kolla en fil som ligger på nätet)
"Text area" - knappa in CSS:en och validera direkt
"By upload" - ladda upp filen till w3c för validering.
Därefter är det lite mer uppenbart hur man gör.
Det står lite längre ner på sidan:
W3C CSS Validation Service
Validate your cascading style sheet by URI
Validate your cascading style sheet with a text area
Validate your cascading style sheet source file by upload
men du kan ju ladda hem den om du vill....
Som jag tidigare sa, gå igenom din css, för att det är något tokigt i den som gör att det blir fel. Att köra css:en via en validator hjälper tyvärr inte alltid. Bäst är att debugga.
Gick igenom din css, och såg att du har height:100%; i classerna: td.frames_left och td.frames_right. Ta bort den height:en i båda så kommer det fungera finfint i Mozilla.
PepeJeria skrev:
Gick igenom din css, och såg att du har height:100%; i classerna: td.frames_left och td.frames_right. Ta bort den height:en i båda så kommer det fungera finfint i Mozilla.
Men det är ngra andra celler, det ä'r td.frames_main som jag använder till den iframen som blir för liten?!
Ja, jag vet, men provade du att ta bort height:100% från de jag nämde ovan?...
Att ta bort den propertyn löser nämnligen problemet...
Jaha, nä, provade aldrig, men kan göra det ikväll och höra av mig senare efter jobbet.
Nu funkar det mesta. Det som är kvar är att på 'portfolio' så har jag border:1px #000000 solid;
Det blir ingen HEL border runt om, utan bara en liten bit på sidorna och under bilden. Hur kan det komma sig?! Dessutom så på 'Gästbok' så visas inga bakgrundbilder på mina td's, inte heller en liten bit av bordern, skitskumt tycker jag. Hur ska jag göra för att lösa det här?
Är det ingen som vet hur jag skall göra?! Jag står nämligen här nu utan att veta hur jag ska lösa det sista problemet, med border...
Hmm...
Utan att ha satt mig in i *alla* detaljer i din omfattande kod klurar jag lite på följande:
Vad händer om du sätter en line-height: som motsvarar bildens höjd på länkarna i .portfolio ?
Alltså:
.portfolio a {line-height: 126px ; }