Forum Moderators: not2easy

Message Too Old, No Replies

Mozilla body width bug

does anyone know how to fix this?

         

pielud

5:47 pm on Jun 30, 2003 (gmt 0)



I'm having a problem with the width of the body of my page in mozilla. Mozilla seams to add some extra space to the right side of my page. I've set the margins and padding to 0 on both the <body> and <html> tags in css. It appears that the <html> tag is the culprit. In the page below, I've put a dashed green border around the <html> block and a solid red border around the <body> block. The page displays fine in IE6, but not in mozilla 1.4. Any help would be greatly appreciated.

[edited by: heini at 9:41 am (utc) on July 1, 2003]
[edit reason] removed urls per TOS / thanks! [/edit]

moonbiter

8:06 pm on Jun 30, 2003 (gmt 0)

10+ Year Member



Before your urls get nuked, some questions and a comment.

Questions:

  1. Are the borders for demonstration purposes only?
  2. Why the z-index of -5 on the body element?
  3. Why do you have any style properties on the html element at all?
  4. Have you considered that a min-width of 800px will make the body 800px wide, and that on at an 800 x 600 resolution this will cause some scrolling (since the viewport is 800px minus the browser chrome)? [MSIE ignores min-width]

Comment:

For the various shorthand properties in your style sheet you can safely replace [w3.org] "0px 0px 0px 0px" with "0".

joolsm

10:25 pm on Jun 30, 2003 (gmt 0)

10+ Year Member



I know you didn't ask about IE5.5, but as a matter of interest there isn't a dashed green border in sight. The whole page is surrounded by a solid red border.

Jools

BlobFisk

9:38 am on Jul 1, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Welcome to WebmasterWorld, pielud!

Linking to personal URLs is against the TOS [webmasterworld.com] here at WebmasterWorld. You should edit your post to remove the link.

I see a dashed green border too - it's from the border:green dashed; in your html in your CSS.