Hi Holly,
Thank you for taking the time. I've implemented those suggestions and
am waiting on a couple of friends with XP machines to tell me if IE
gets it right.
cheers,
Saul
On Jun 24, 2005, at 6:25 PM, Holly Bergevin wrote:
From: saul <[EMAIL PROTECTED]>
Date: Thu, 23 Jun 2005 09:53:44 -0400
the center content area is not flowing properly in IE Windows
(at least from the screen shots some friends have sent me). It appears
to bump down to below the left column content.
http://www.inventionshow.com/development/layout.html
Hi Saul,
A couple of changes and this will probably work for IE (except the
li:hover).
First, you have a selector that I'm pretty sure is written incorrectly
for what you want. -
#sidebarL #img {
margin-left: -5px;
margin-right: -5px;
}
I couldn't find any elements with an ID of img (#img) in your
#sidebarL element, so I'm thinking what you really wanted was -
#sidebarL img {...}
With that change, you also will need to get rid of the margin-left
property -
#sidebarL img {margin-right: -5px;}
Then you'll need a new selector to solve IE's problem with dropping
the content -
#content div img {margin: 0 -3px;}
Finally, at least finally with the browsers I looked at, my (old)
Opera doesn't like the construction of the very first elements in
#sidebarL. If you'll put a break element *after* the non-breaking
space you have between the two images, the appearance in Opera will
improve significantly.
<div id="sidebarL">
< a href="#" >< img [snip]/ >< /a >&nb sp;< br / >< img {snip]/ >
[and the rest of the code - extra spaces are added on purpose so that
MY email program doesn't attempt to render the HTML]
hth,
~holly
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
