Eliminating horizontal scrollbar

[Daan]

On the following page, a horizontal scrollbar is displayed (in both IE6
and Firefox 0.9, under Windows), no matter what the window size is. I
can't find the settings in my css file that cause this.

Can anyone explain why I still see a horizontal scrollbar and how I can
get rid of it?

URL: <http://campuslaan37.student.utwente.nl/hsu/>
CSS: <http://campuslaan37.student.utwente.nl/hsu/style.css>

Thanks,

--
Daan

[Evertjan.]

Daan wrote on 02 sep 2004 in comp.infosystems.www.authoring.stylesheets:

On the following page, a horizontal scrollbar is displayed (in both IE6
and Firefox 0.9, under Windows), no matter what the window size is. I
can't find the settings in my css file that cause this.

Can anyone explain why I still see a horizontal scrollbar and how I can
get rid of it?

URL: <http://campuslaan37.student.utwente.nl/hsu/>
CSS: <http://campuslaan37.student.utwente.nl/hsu/style.css>

Gewoon even uitproberen, Daan:

Remove the width:100%; from the #header style
--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress,
but let us keep the discussions in the newsgroup)

[Eric B. Bednarz]

Daan <d_*****@nospamhotmail.com> writes:

Can anyone explain why I still see a horizontal scrollbar and how I
can get rid of it?

#header has 100% width declared + a total of 1em horizontal padding.

The scrollbar appears due to the padding (or the width, whichever way
you prefer to see it :).
--

Più Cabernet,
meno Internet.

[Jan Roland Eriksson]

On Thu, 02 Sep 2004 16:09:46 +0200, Daan <d_*****@nospamhotmail.com>
wrote:

Can anyone explain why I still see a horizontal scrollbar and how I can
get rid of it? URL: <http://campuslaan37.student.utwente.nl/hsu/>
CSS: <http://campuslaan37.student.utwente.nl/hsu/style.css>

#header {
...
width: 100%;
...
padding: 0.5em;
...
}

Your <div id="header">...</div> element is always wider than 100%.

Effectively it's (0.5em + 100% + 0.5em) wide and that will always be
wider than the browser window, regardless of what you adjust it to be.

You may have the same problem in other elements too, I just did not look
for it.

--
Rex