What is causing scrollbar?

[T.J.]

Hi all,
I would appreciate it if someone could look at this page
and tell me what is causing the scrollbar in Firefox
and Netscape for this page
http://www.sim64.co.uk/portable-air-conditioning-units.html

It displays how I want it to in IE6 and Opera with a small
margin around both sides, but I don't know how I achieved
this.
It's still work in progress and there are probably other issues.
especially regarding positioning.
TIA.

 

[David Dorward]

I would appreciate it if someone could look at this page
and tell me what is causing the scrollbar in Firefox
and Netscape for this page
http://www.sim64.co.uk/portable-air-conditioning-units.html

You have specified a width of 100% for the body. 100% + margins + padding is
greater then 100%, so the total horizontal space taken up with greater than
100% of the viewport.

It displays how I want it to in IE6

Your choice of Doctype (HTML 4.01 Transitional, without a URL) triggers
quirks mode in some browsers. This causes them to intentionally make
mistakes in their CSS rendering to be more consistant with obsolete
versions of Internet Explorer.

It's still work in progress and there are probably other issues.

Obvious ones:

<br> is a poor substiture for a margin.

</p> indicates the end of a paragraph, when you have another paragraph after
it you should start it with <p>

A list of links is better marked up as a list of links, then a generic block
of links seperated with | characters.
http://css.maxdesign.com.au/listamatic/

 

[T.J.]

You have specified a width of 100% for the body. 100% + margins + padding
is
greater then 100%, so the total horizontal space taken up with greater
than
100% of the viewport.


Your choice of Doctype (HTML 4.01 Transitional, without a URL) triggers
quirks mode in some browsers. This causes them to intentionally make
mistakes in their CSS rendering to be more consistant with obsolete
versions of Internet Explorer.


Obvious ones:

<br> is a poor substiture for a margin.

</p> indicates the end of a paragraph, when you have another paragraph
after
it you should start it with <p>

A list of links is better marked up as a list of links, then a generic
block
of links seperated with | characters.
http://css.maxdesign.com.au/listamatic/

Thank you,
I added the body width earlier and forgot to take it out again, that solved
the problem, but where is the margin on both sides of the page coming from?
The <br> instead of margins is just temporary until I know the size of the
images,
and what text is going next to them.
Thanks for the list of links tip, but does it cause accessibility errors?

 

[David Dorward]

T.J. wrote:

Tip: Trim quoted material so it only includes relevent material, and
intersperse your response so each bit is directly after the quoted material
you are responding to. It makes it must easier to read.

I added the body width earlier and forgot to take it out again, that
solved the problem, but where is the margin on both sides of the page
coming from?

Browser defaults.

Thanks for the list of links tip, but does it cause accessibility errors?

Accessibility problems.

"Link to somewhere pipe link to somewhere else pipe etc".

Its a pain. And it only makes sense that if you have a list, you use the
markup that tells the browser it is a list.

 

[T.J.]

T.J. wrote:

Browser defaults.

Thank you again,
Are all browser defaults the same or is it wise to set the margin
i.e margin-left:2%; margin-right:2%;?
Also does margin-left:0px; margin-right:0px; over-ride the browser
default?

 

[David Dorward]

Are all browser defaults the same
No.

or is it wise to set the margin
i.e margin-left:2%; margin-right:2%;?

There is nothing wrong with different browser defaults. (And remember that
some have padding instead of (or as well as) margins.

Also does margin-left:0px; margin-right:0px; over-ride the browser
default?

Yes.