|  | Posted by Vladdy on 07/01/05 16:20 
Marc Bradshaw wrote:> I've redesigned our corporate website, but the design breaks when you
 > take it below a certain width in IE.  It's fine in Firefox, and I
 > presume Opera (although I haven't checked yet).  As far as I can see,
 > it's just IE being picky.
 >
 > I've altered the CSS and HTML over and over but can't seem to fix this
 > problem.  It makes the website basically unusable at 800x600.  Does
 > anyone else have any ideas?
 >
 > The design is online at http://preview.beasolutions.com/
 >
 > Ignore the content - it's just filler text at the moment.  Also, I know
 > there are some other problems, including a couple of broken images, and
 > there are some alignment problems with the menu on the left, but those
 > will wait - I need to get this problem fixed first.
 >
 > I would be grateful for any help you can offer.  Thanks in advance.
 >
 > Marc
 IE does funny things with floats. I would suggest using a more robust
 method for 3 column layout.
 
 Also consider:
 - using font units for blocks that contain text i.e. the navigation
 block. Things start looking bad after one Ctrl+ in Gecko and break apart
 after two.
 - specifying min and max width for the page body. When a page is too
 narrow, you header graphics look weird with the bloke's picture being
 overlapped by the blue square. When a page is too wide the reading the
 main content becomes a pain in the neck, literally.
 
 --
 Vladdy
 http://www.klproductions.com
  Navigation: [Reply to this message] |