Re: [WSG] Re: IE 6 Nightmare plus new margin problem
Hi Jason,
Try removing display-inline. you dont need it when you use float.
Kevin
From: Jason Byer
Sent: Wednesday, April 28, 2010 9:13 AM
To: wsg@webstandardsgroup.org
Subject: [WSG] Re: IE 6 Nightmare plus new margin problem
Hello again,
I stated earlier that after I got help on my previous IE6 problem that my
mainContent div was shifted over to the left in Firefox.
http://www.jasonbyer.com/dev/new/
So I tried adding a margin-left: 181px since the width of the left nav div is
180px. That worked in Firefox but of course it messed up the design in IE 6.
I even tried adding relative position to the div's as someone suggested earlier
with no luck. Here is a layout of my div's with the modified css id's.
!- contentà
div
!-begin left navà
div id=leftnav/div
!-end left navà
!-begin main contentà
div id-mainContent /div
!-end main contentà
div style=clear: both;/div
/div
#leftnav {
width: 180px;
float: left;
display: inline;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #999;
margin-right: -3px;
}
#mainContent {
background: #FFFfff;
display: inline;
overflow: hidden;
zoom: 1;
position: relative;
}
Any suggestions on this bug?
__
Jason Byer
http://www.jasonbyer.com
This email has been scanned by Netintelligence
http://www.netintelligence.com/email
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
Re: [WSG] Re: IE 6 Nightmare plus new margin problem
On 28 Apr 2010, at 09:43, Kevin Ireson wrote: Try removing display-inline. you dont need it when you use float. Yes, you do. It fixes the IE double margins on floats bug. -- David Dorward http://dorward.me.uk *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Re: IE 6 Nightmare plus new margin problem
I stated earlier that after I got help on my previous IE6 problem that my
mainContent
div was shifted over to the left in Firefox.
http://www.jasonbyer.com/dev/new/
1. remove display:inline from #mainContent
2. remove the left margin on the div with no ID (the one that follows
#ddtopmenubar)
3. use the rule I sent you regarding the 3px gap in IE (* html #leftnav {})
because your ie_layout.css file is served to all.
At this point you should not need any margin, the main content should be
displayed next to the sidebar, but if you want to create space between the
two containers, then use a left margin on #mainContent (it has to be greater
than the width of #leftnav)
Because you do not set a left margin on that container there is no IE bug to
fix, hence you can remove display:inline from the sidebar.
--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
