HighDots Forums  

Eliminating horizontal scrollbar

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss Eliminating horizontal scrollbar in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Daan
 
Posts: n/a

Default Eliminating horizontal scrollbar - 09-02-2004 , 09:09 AM






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

Reply With Quote
  #2  
Old   
Evertjan.
 
Posts: n/a

Default Re: Eliminating horizontal scrollbar - 09-02-2004 , 09:19 AM






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

Quote:
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)



Reply With Quote
  #3  
Old   
Jan Roland Eriksson
 
Posts: n/a

Default Re: Eliminating horizontal scrollbar - 09-02-2004 , 09:22 AM



On Thu, 02 Sep 2004 16:09:46 +0200, Daan <d_stolp (AT) nospamhotmail (DOT) com>
wrote:

Quote:
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




Reply With Quote
  #4  
Old   
Eric B. Bednarz
 
Posts: n/a

Default Re: Eliminating horizontal scrollbar - 09-02-2004 , 09:33 AM



Daan <d_stolp (AT) nospamhotmail (DOT) com> writes:

Quote:
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.


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.