This Message Forum is no longer in use

Please use the new Bravenet Help Forums FOUND HERE

General Forum
This Forum is Locked
Author
Comment
boxes sizes change

Could you please help me. All of a suden the boxes where I can put images or writing in is smaller than the actual images in it. The image overlaps the box which was previosly 100%?

Re: boxes sizes change

Your right side content sections is only 180px wide.
Your image is 265 px which is why your image
is overlapping.

You have two choices

1.Move the image to main content section
so it fits.

2.Make your image smaller 170-175 pix width
and then it will fit the content section.

Re: boxes sizes change

The box size appears to change, because you are inserting a image that is too wide for the area. The content areas for the Website Wizard are managed by the style sheet. The left and right sidebar/content areas are

structures that are defined to be 180 pixels wide. The center content areas is then defined to take up what ever room is left. The available area depends on how the visitor uses his/her browser.

With Internet Explorer, when you add a image in an area that is defined smaller than the image, the browser expands the area to fit. This causes the other
structures to look for room somewhere else on your page. Often times, it pushes your center content to the bottom of the page. But not all browsers handle this situation the same. Firefox, for example, does not expand the
. It just increases the width of your page so that visitors need to scroll right to see your images.

When your using the Website Wizard, you have to deal with the Wizard's limitations. The Wizard does not give you access to the style sheet to adjust the lt;div> structure definitions, so you have to be careful how you add content. Images in the left and right sidebar/content areas should not be over 165 pixels in width. This accounts for the border and margin widths that are also defined. If the images are too big, you can resize them to fit, or add them to the center content area.

A common practice with images is to create smaller thumbnail images, that are linked to the larger images. Clicking on the thumbnail can than pop up a window with the larger image. Using thumbnails lets your pages load faster and conserves bandwidth. Visitors are then free to choose the images they want to view. A free graphic editor from IrfanView.com has a built in thumbnail generator that can aid you in creating a image gallery.

Re: boxes sizes change

Just resize your image to make the boxes smaller.

Let me know if you do not know how to do that.

Browser: shood60,4