close ad
WARNING: Do Not Install the DREAMWEAVER CC 2017 or 2018 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Slight glitch in IE6

Thread began 7/13/2010 12:22 pm by iainmacdonald331081 | Last modified 7/16/2010 3:14 pm by Eric Mittman | 984 views | 5 replies |

iainmacdonald331081

Slight glitch in IE6

Hope someone can help with this...

I have a page here :

index.shtml

It all looks as it should, except in IE6, where there's a gap of about 3 pixels between the menu / left hand column and the main content.

I had assumed I just need to tweak the left column width and or main content left margin for IE6, so had been playing around with them as conditional CSS :


<!--[if IE 6]>
<style type="text/css">
#outerWrapper #contentWrapper #leftColumn1 {
width: 214px;
}
#outerWrapper #contentWrapper #content {
margin: 0 0 20px 214px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
}
</style>
<![endif]-->

..but whatever I try, I can't seem to get rid of the gap....

Also - whilst anyone is there, it would be great if you could quickly let me know if the navigation styling in IE6 looks the same as it does in other browsers.

Thanks again.

Sign in to reply to this post

Eric Mittman

I have been looking into this a little and it seems that the conflict might be coming from some styling that is applied to the content div. It seems that when I get the page to have only this side nav area and the content the problem is still present, but when I remove the content div it gets rid of the spacing.

I have not found a setting that makes it all correct but I think this is where you should be looking. If you have not done so already you may want to try adjusting one of the padding or margins to a negative value to see if it has any better effect for you.

Sign in to reply to this post

iainmacdonald331081

Thanks Eric - I'll have a look at that.

Were you able to quickly check the menu styles in IE6? I did have an old PC, but no longer have it, so have been relying on Adobe's browser lab, but it just shows static shots of a page's initial state.

Sign in to reply to this post

Eric Mittman

I too do not have a native Windows environment for testing in IE6, I have made use of IE tester that allows you to render pages in previous versions of IE. There is also a developer tools add in that lets you inspect aspects of the page.

I did not notice any problem with the menu rollovers but I was not really looking for any. Nothing catastrophic that I could see.

Sign in to reply to this post

Dave BuchholzBeta Tester

Try this link for more info on this issue alternatively try googling "IE 3px jog"

Sign in to reply to this post

Eric Mittman

Thanks for the info, very helpful.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...