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

Another DIV postioning Problem

Thread began 9/14/2009 12:13 pm by drubin312804 | Last modified 9/15/2009 3:32 pm by Justin Nemeth | 1371 views | 6 replies |

drubin312804

Another DIV postioning Problem

If you view this link on a Windows machine in FireFox it looks fine, but view it in IE7 it does not show properly

index_2.html

Oh might gurus of advice, how do I fix this?

Your humble servant.

Sign in to reply to this post

Justin Nemeth

I think its the CSS you have for #content. Since you are using left and right margins, there is no need for an explicit width on #content. So first I would remove that. Second, adjust the left and right margins will probably fix the issue. I noticed the right column is 328px wide, but #content only has a right margin of 320px.

Sign in to reply to this post

drubin312804

Justin thanks for the input, I've made changes to the CSS but still no dice in IE7, could you take a look and advise.

Thanks

Sign in to reply to this post

drubin312804

Just checking in to see if anybody has a solution to the IE7 issue as described above, thanks.

Sign in to reply to this post

Justin Nemeth

It looks good to me in IE7 now. I used IETester and IE8 in compatibility mode on Vista to check it out.

Sign in to reply to this post

drubin312804

Maybe there's something wrong on my end because the content and right divs are showing below the left content div on my machine.

I do all of my work on a MAC and just use a windows machine for compatibility testing.

Sign in to reply to this post

Justin Nemeth

In general, IE is picky about the widths in some cases. I would take a step back and start with a blank content wrapper. Then add in the left column, right column, then content. See where it breaks in that process (my guess is the #content). Then for the div that breaks it, strip out all the css and add that in 1 line at a time. See what property seems to break it, then adjust it accordingly until IE renders it properly.

-justin

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...