Boxträngningsproblem

5 svar · 456 visningar · startad av symbolism 22 juni 2008

symbolismMedlem sedan mars 2007522 inlägg

Frågan22 juni 2008 11:12#1

Hejsan!

Har en bugg på några av mina sidor som jag inte förstår mig på, och inte kan hitta lösningen till. Buggen syns bara i internet explorer 6 (och kanske 7), vilket är ganska kass eftersom över hälften av min användare har denna "underbara" läsare.

Såhär ska sidan se ut:
http://www.gurkean.com/course/lekt5.shtml

men i lektion 6 och uppåt (http://www.gurkean.com/course/lekt6.shtml) (inklusive teoridelarna) så blir den någon slags pixelförskjutning i boxen "Innehall". Cirka 5 pixla, ganska så precis under headern. Ser fult ut.

Csskod för layoutboxar

http://www.gurkean.com/externalcss/layout.css

css för boxar inne i layouten

http://www.gurkean.com/externalcss/contentboxes.css

Anybody know what's up?

tantenMedlem sedan nov. 20051 596 inlägg

22 juni 2008 17:11#2

Skillnaderna som jag kan se med en snabb koll är att du har lite annorlunda valideringsfel på dessa sidor mot de tidigare. Lite extra </a> och </div> finns på alla, men tomma <p> och saknaden av en <ul> kan ställa till det, tror jag...:-)
Kanske hjälper det om du bara använder validatorn ett tag och rättar till det som är fel.
Säg till om felet kvarstår efter rättningarna...

De andra skillnaderna som jag kan se i de olika webläsarna är att du inte har "resetat" någonting.

symbolismMedlem sedan mars 2007522 inlägg

22 juni 2008 19:06#3

okey gör det imorgon.

resetat? vad menaru du med det?

tantenMedlem sedan nov. 20051 596 inlägg

22 juni 2008 19:20#4

Med resetta menar jag att ta bort alla marginaler och paddings för de olika webläsarna så de blir noll.
typ:

div,h1,h2,h3,p,img,ul,li,a{
border:0;
margin:0;
padding:0;
}

För att sedan lägga på det man vill ha.

Här en länk reset Inte för att ta hem allt men läsa exemplet nere på sidan.

her0nMedlem sedan feb. 200230 inlägg

24 juni 2008 07:48#5

Läsvärt: http://www.smashingmagazine.com/2007/09/21/css-frameworks-css-reset-design-from-scratch/

symbolismMedlem sedan mars 2007522 inlägg

29 juni 2008 21:00#6

lyckades hiotta problemet men förstår absolut inte varför!?

Tydligen klarar boxen inte av kursiverad text som är skriven på mer än två rader. Hur fan går det ihop!? Det var bara det! om jag sriver något kursiverat och det övergår till en ny rad, så bara utvigdas boxen med 5 px.

Märkligt - någon som har något förslag till förklaring?