Click to See Complete Forum and Search --> : CSS issues with IE6. Spacing and height and width issues!!!! ARGH!!!


bryanrules0000
08-18-2008, 12:44 PM
Ok

I am fairly new to doing complete websites using only CSS. I have had many many years of experience with using CSS mixed with tables and such.
anyhow... here is what is happening, i am getting TONS of extra spacing going on and incorrect div widths and such only in IE6. I have tested in FireFox and IE7 and everything displays perfectly. This is driving me nuts. I cannot figure out what is going on. Here is the page:

http://www.approveyourdesign.com/mycape08/barnstable/

Can anyone help? this is driving me nuts. i tried doing a few "fixes" i found online, and none seemed to have any effect.

bryanrules0000
08-18-2008, 04:12 PM
nevermind.. i figured it out myself

the_dp
08-18-2008, 04:35 PM
nevermind.. i figured it out myself
Can you post your solution? Thanks.

bryanrules0000
08-18-2008, 06:03 PM
basically i had to define display:inline or display:block or in some cases display:inline-block as well as define overflow:hidden in some of my style sheet elements. plus adjust some padding math with div sizes. i guess IE6 has some "quirks" and fiddling around with those things got me back on track with everything looking correct. like small pixel heights on div tags without any text would add a whitespace as if text would be there, i solved this by using overflow:hidden in my style sheet.