RE: [WSG] two column IE issues - SOLVED
Hi, I'm having difficulties with that IE shift bug thing. The one where the content moves when you hover over a link. I've tried adding _height:100%; _line-height:100%; _width:100% To every element in the div to no avail. Example here: http://www.websemantics.co.uk/workshop/sessions/session2/ Hover over any "Activity" link and the div box changes proportions. Hover over a footer link and it changes back. Are there any solutions to this? Cheers. mike 2k:)2 e-mail: [EMAIL PROTECTED] site: http://www.webSemantics.co.uk ** This email and any files transmitted with it are confidential and intended solely for the use of the individual or entity to whom they are addressed. If you have received this email in error please notify the system manager. This footnote also confirms that this email message has been swept by MIMEsweeper for the presence of computer viruses. www.mimesweeper.com ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] two column IE issues - SOLVED
Darren Wood wrote:
IE completely wrecks my design, refusing to float the sidenav to the right.
Any ideas how I could possibly fix this?
[NOTE: this thread is likely to bore most of you so please send
responses offlist, and I'll send the solution at the end once one
presents itself.]
Hey all,
Thanks for the replies. The issue has been solved by using a decedant
selector to hide the correct width from IE.
Joseph Lindsay provided the solution:
#sideNav {
width: 223px; /*fixed for IE */
margin-left: 453px;
background: #cdd2e0;
border-top: 20px solid #FFF;
text-align: left;
}
#wrapper>#sidenav {
width: 225px; /* corrected for compliant browsers */
}
Thanks Joe!
Cheers
Darren
www.webdeveloper.co.nz
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
