Martin Davis wrote:
> I don't know why, but IE 7 seems to be giving me some strange
> margin/padding issues. The logo at the top is split into three images
> spread into three different divs that should have no space in
> between the two. Can't figure out IE 7 is adding space. Also, someone
> with IE 6 want to check it out and tell me how the site looks?
The correct solution is to keep the image in one piece, and use absolute
positioning of floating to lay it on top of all 3 containers. Nothing
will break then.
The reason it _does_ break up is the usual - that images are
inline-elements by default and space for text-descenders is created.
IE/win doesn't do the "almost standard" trick with a Transitional
doctype that most other browsers perform on free-standing images.
So, the following addition will work as the image is included now...
#header img {display: block;}
#headerfooter {height: 28px; overflow: hidden;}
...and IE6 is fine with that too.
> Also, the menu in IE 7 is such that the active link doesn't show up
> unless you hover over it. Any ideas why?
> One last question, I would like the menu items to take up the width
> of their red background so that you don't have to hover over just the
> text. Any way to do that? That way the background is white for the
> current link and blends into the page better.
Adding the following after all existing menu styles will solve those
problems...
#nav {overflow-x: hidden;}
#nav ul a {display: block;}
#nav ul li a.active {color: #000; background: #fff;}
...but _only_ if you correct the source-code. A li can't go inside an
anchor, and an anchor can't go inside an ul without being enclosed in a
li. What you have now is garbage-code - also known as tag-soup.
This is what that "active" should look like...
<li><a href="" class="active">Home</a></li>
...if you want a link there at all. If it isn't supposed to work as a
link, then the anchor should be omitted and the class moved onto the li.
The other source-code errors should also be corrected...
<http://validator.w3.org/check?uri=http://ucdchi.com/dev/UCDChi-Dev.html>
> http://ucdchi.com/dev/UCDChi-Dev.html
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
