close ad
 
Important WebAssist Announcement
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

IE 6 Format Problem

Thread began 1/20/2010 10:47 am by jbergwall369376 | Last modified 1/21/2010 9:57 am by prh398562 | 4882 views | 9 replies |

jbergwall369376

IE 6 Format Problem

I used CSS sculptor to build this site:

www.paulsonindustries.net/

It works correctly in other browsers but not IE6 - utilizing the Spoon Browser Sandbox site.
The main content is wrapping BELOW the right column, therefore there is a HUGE white space above the main images.

Any help or code snippet would be greatly appreciated.

Sign in to reply to this post

Jason ByrnesWebAssist

this behavior occurs when the width of an item exceeds the width of the container element.


In your case, the images in the main content are set to be 498 pixels wide, and the content div only has 495 pixels. Change the width of the images in the content div to 495 so they can fit in the content div.

Sign in to reply to this post

jbergwall369376

Thanks for your input!

Dear Jimmy Wu & Jason Byrnes, your image size fix worked great!

Please, if it's not too much trouble, tell me how you were able to calculate the image area at 495 px instead of the 500 px I had come up with...

Sign in to reply to this post

Jason ByrnesWebAssist

Sure, the true width of a div is calculated as width + padding.

the contentWrapper is set to:
width: 780px;
padding: 0


rightColumn1 is set to:
padding: 10px 10px 10px 15px; //short hand for: top right bottom left

content is set to:
margin: 0 260px 0 0; //short hand for: top right bottom left - this gives the right column 260 px on the right hand side of the content wrapper.

780 - 260 = 520

we need to add the left (10px) and right (15px) padding from the rightColumn1 though
260 + 10 + 15 = 285 This is the true width of the right column
780 - 285 = 495

Sign in to reply to this post

jbergwall369376

Math Tip

Thanks! I see I missed the 15 px (I added as 10) and that explains it. Sorry for the inconvenience, have a great day!

Sign in to reply to this post

Jimmy Wu

The width of the content is larger than the width of the container. In all other browsers, this displays correctly, but in IE6, the content will get wrapped to below other content.

Sign in to reply to this post

prh398562

CSS Sculptor Question - How to Open an Existing Page

Hi,

How do I use CSS Sculptor to open an existing page created without it to use its benefits to enhance it? Is there any better documentation to how to use these extensions than what is provided on your website? I bought CSS Design Suite and cannot figure out how to use it to enhance my existing website -- I don't want to start over!

Thank you

Sign in to reply to this post

prh398562

Activate a Submit Button

HI,

Is there anything in the CSS Design Suite that will help me activate a submit button. I have created it with the form but cannot figure out how to activate it.

Thank you

Sign in to reply to this post

Jason ByrnesWebAssist

CSS Sculptor is used to create New CSS Layouts. It cannot be used to edit an existing layout.


I'm not sure I follow what you mean by activate a submit button. What are you trying to accomplish with the form?

Sign in to reply to this post

prh398562

Semple at

Hi,

I guess I misunderstood your marketing materials -- I should never have purchased your products, they are a waste of money.

Sign in to reply to this post
loading

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