Re: [css-d] Window IE flow problem

[saul]

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/

Re: [css-d] Window IE flow problem

[Holly Bergevin]

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/

[css-d] Window IE flow problem

[saul]

Hello,

I've managed to get my page to work on Safari, FF, and IE5.X (with the 
exception of the ':hover' pseudo class in IE - I know it doesn't 
support it.) - all for Mac. It also appears to work in FF for windows. 
However, 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. Can an IE Windows CSS 
guru/guress tell me what's happening. I'm on a Mac.


CSS is in the document.

http://www.inventionshow.com/development/layout.html

Thanks,

Saul Straussman

__
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/