[css-d] IE5/6 Bumps Down div

2007-03-26 Thread Duane Nelson
Here's my problem (and I'm sure the fix is embarrassingly simple):

Page Location w/ css:  http://65.18.148.2/temp.html

Within FF, all is well.  But IE5/6 takes the main div and bumps it 
down below the sidebar div.  I've tried to clear but show my 
ignorance.  How can I make main line up to the right of sidebar.

Note:  To avoid the box model hack, I've added a nested div.

Thanks in advance!

Duane Nelson
Loss2gaiN Designs - A Website Development Company
http://www.myl2g.com
__
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/


Re: [css-d] IE5/6 Bumps Down div

2007-03-26 Thread David Hucklesby
On Mon, 26 Mar 2007 18:10:22 -0400, Duane Nelson wrote:
 Here's my problem (and I'm sure the fix is embarrassingly simple):


A truism: It's so simple, once you know the way.

 Page Location w/ css:  http://65.18.148.2/temp.html

 Within FF, all is well.  But IE5/6 takes the main div and bumps it down 
 below the
 sidebar div.  I've tried to clear but show my ignorance.  How can I make 
 main line
 up to the right of sidebar.

 Note:  To avoid the box model hack, I've added a nested div.

Yes - that *should* work. But IE 5/6 is ornery, and needs a bit of
breathing room. Your width: 527px + margin-left: 233px on #main
is a bit too tight for that browser. I found that margin-left: 230px
works nicely. Or a slightly wider #container.

Cordially,
David
--



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


Re: [css-d] IE5/6 Bumps Down div

2007-03-26 Thread Duane Nelson
David Hucklesby wrote:

 Yes - that *should* work. But IE 5/6 is ornery, and needs a bit of
 breathing room. Your width: 527px + margin-left: 233px on #main
 is a bit too tight for that browser. I found that margin-left: 230px
 works nicely. Or a slightly wider #container.

I shortened the width on #main.  Thank you for the insight.  I must 
remember to design less exact.  Works well.  Thank you very much!!

Duane Nelson
Loss2gaiN Designs - A Website Development Company
http://www.myl2g.com
__
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/