| Visa föregående ämne :: Visa nästa ämne |
|
| Författare |
Meddelande |
Farsan
Nykomling
Blev medlem: 16 February 2007
Inlägg: 11
|
 Skrivet: Wed May 23, 2007 11:03 pm Rubrik: Sidan visas felaktigt i IE6 |
 |
|
Jag har en layoutproblem som jag brottats med i ett par dagar nu.
Problemet är att sidan ser bra ut i IE7 och FF2 men inte i IE6. För att se vad jag menar, använd IE6 och testa http://www. grillguide. se
Jag har fått fram att det är sökrutan som förstör. Tar jag bort den försvinner problemet men det är inte ett alternativ.
Titta gärna på koden och css filen för att se om jag gjort något tokigt.
Alla tips tas tacksamt emot! |
|
| Till överst på sidan |
|
webbdesign
Site Admin
Blev medlem: 05 September 2005
Inlägg: 226
|
| Skrivet: Thu May 24, 2007 11:41 am Rubrik: |
|
|
Tjena Farsan,
Den övers diven (<div id="top">) expanderas tydligt för mycket i explorer 6, vad detta beror på märker du snabbast genom att testa dig fram lite.
Börja med att byta från transitional till strict, d.v.s:
| Kod: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
mot
| Kod: | | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
Testa sedan att byta ut följande:
| Kod: | | <p><input type="text" |
mot
| Kod: | | <p style="display:inline;padding:0;margin:0"><input type="text" |
Funkar inte det, testa följande i din CSS.
| Kod: |
#top {
margin-bottom:0;
padding-bottom:0;
}
div.f_search {
margin-bottom:0;
padding-bottom:0;
display:inline;
}
|
Hojta om det inte löser ditt problem, så testar vi något nytt! |
|
| Till överst på sidan |
|
Farsan
Nykomling
Blev medlem: 16 February 2007
Inlägg: 11
|
| Skrivet: Thu May 24, 2007 4:07 pm Rubrik: |
|
|
| webbdesign skrev: | Tjena Farsan,
...
|
Tack för alla tips. Tyvärr hjälpte inget av dom men jag är glad att du vill hjälpa till. Har du flera tips? |
|
| Till överst på sidan |
|
Thomas
Medlem
Blev medlem: 01 December 2005
Inlägg: 72
|
| Skrivet: Sat May 26, 2007 1:47 pm Rubrik: |
|
|
Tjena,
Du har ett antal block element som kan vara boven i sammanhanget.
Testa att sätta style="background:red" på en i taget, och kolla vilken/vilka som expanderas på det felaktiga sättet.
Förstår du vad jag menar?
Lycka till! |
|
| Till överst på sidan |
|
webbdesign
Site Admin
Blev medlem: 05 September 2005
Inlägg: 226
|
| Skrivet: Sat May 26, 2007 2:04 pm Rubrik: |
|
|
Anledningen till att det var svårt för oss att hitta felet var att css filen låg externt, så vi inte kunde testa utan att böka med det.
Jag klippte in cssen i filen och testade lokalt.
Ditt form element skapade en margin i diven, vilket gav dig felet.
Om du byter:
| Kod: | | <form method="get" id="searchform" action="/index.php"> |
mot
| Kod: | | <form method="get" style="margin:0" id="searchform" action="/index.php"> |
så är ditt problem löst.
Jag skulle även absolut rekommendera att du byter charset från:
| Kod: | | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
till
| Kod: | | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> |
Lycka till med ditt koncept, jag skall se om jag inte kan få lite tips från din grillsida inför sommarens grillkvällar! |
|
| Till överst på sidan |
|
Farsan
Nykomling
Blev medlem: 16 February 2007
Inlägg: 11
|
| Skrivet: Sat May 26, 2007 10:28 pm Rubrik: |
|
|
| webbdesign skrev: | Ditt form element skapade en margin i diven, vilket gav dig felet.
Om du byter:
| Kod: | | <form method="get" id="searchform" action="/index.php"> |
mot
| Kod: | | <form method="get" style="margin:0" id="searchform" action="/index.php"> |
så är ditt problem löst. |
Tack så mycket, det löste problemet!! 
Jag måste fråga, finns det felsökningsprogram för sån här typ av problem eller är det bara trial and error som gäller?
Återigen, hemskt mycket tack! |
|
| Till överst på sidan |
|
webbdesign
Site Admin
Blev medlem: 05 September 2005
Inlägg: 226
|
| Skrivet: Sun May 27, 2007 2:34 pm Rubrik: |
|
|
Inga problem!
Det finns inget felsökningsprogram för dessa problem, iom att en program aldrig kan veta exakt hur du tänkt att din design ska visas.
Att skriva ett program som fixar dessa fel vore lika svårt som att skriva ett program som analyserar och hittar fel i en tavla som du målat - omöjligt, iom att den aldrig kan veta vad du egentligen tänkt dig.
Trial-and-error må låta som en ineffektiv strategi, men så snart man får tillräckligt bra insikt i vad man bör testa så är detta egentligen inte ett problem.
Hade CSSen legat i HTML filen så hade det tagit cirka 10-15 sekunder att hitta felet med hjälp av live editering av CSS i developer toolbar till firefox. |
|
| Till överst på sidan |
|
|
|
