Content Shifts and Overlaps in Different Browser Sizes

  • Thread starter Thread starter Wayne Stith
  • Start date Start date
W

Wayne Stith

My website (www.oshasource.com) looks fine in my browser,
however, some of my customers complain of content
overlapping and shifting in their browsers. Any
suggestions?

Wayne Stith
 
1. You are using absolute positioning which doesn't
work well in all browsers.
2.. You are using the space bar to position items on your page.
If viewers change their default font size, it changes the "width" of your
"spaces" which will cause things to shift.
Use tables and cells to contain the content, and use the align left, right
or center
features to "position" the content.

hth
 
Wayne:

On your header.htm page you used as an include page the "Red Navigation
Buttons" are in a table set to 74% which means that they will be 74% of the
width of the viewers browser. When folks view the page in a smaller window
like 800 x 600 this table shrinks in width and the buttons now need 2 lines
instead of one in height to accommodate all the text in them. When these
buttons change in height the objects below them will not position themselves
accordingly because you used absolute positioning.

--
Have Fun Bill

RealDraw Cafe
http://realdrawcafe.com
MicrosoftGraphics Users Group
http://microsoftgraphics.com
 
Back
Top