Hi Everyone,
I'm not completely new to CSS, but I've never written an entire site
in CSS, which is what I'm doing now. I wrote our website many years
ago using tables to format the page, but now I hope to recode it using
CSS to make it easier to update.
Anyway, I'm starting to get my own tales of whoa with CSS and IE, and
I need the assistance of the group to see if anyone has options on how
to resolve this. The site is actually written with tons of
ColdFusion, but I've stripped it down to the guts (HTML and CSS) and
placed it on a server as the CF version is behind our firewall.
Results are the same.
http://www.hotlug.org/css/1/
In Firefox and Opera this looks great, plus all the code (HTML and
CSS) validates okay. IE is adding space between the Header and Search
DIV's, plus I'm forcing 740px within the Search DIV and all the
embedded DIVs equal 740px.. but in IE the last DIV wraps. If I move
the Width of DIV#Search to like 765 instead of 740 it doesn't wrap,
but then it's too long.
This is my first time to code using DIV, so I've added lots of stuff
for testing. I've tried to force 0px on the borders and margins, but
nothing has worked. So how the heck can I get this page to render
properly on IE? I've tried IE6 and 7 with the same results.
Thanks for any assistance. If I can find the trick for IE, I should
be able to carry it over to this and other applications.
Take care --
Alex