WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts



WeLoveCSS > WEB DESIGN > CSS > Scrollbars widths in IE and Firefox not the same

Reply
  Thread Tools Display Modes
Old 14th April 12, 01:22 AM   #1
Kristy
WLC Member
 
Join Date: Aug 2011
Posts: 3
Default Scrollbars widths in IE and Firefox not the same

H all,
My very first post. I will try to explain this as best as I can.
I have googled this for days but unable to find the answer so I am here. Here is my question: I have a forums page where users can post comments. My div set to fixed, so I have a scrollbar. Posts scroll up/down the page, all good so far. But the scrollbars are not showing up in the same place in IE as they are in Firefox The code below is set correct in IE but in Firefox the width of the scrollbar is way off, its too far left, sitting in the content of the posts so it looks off when viewed in Firefox. How to I fix this so the scrollbar is to the far right, right up next to my wrapper border in both IE and Firefox.
Also not sure why this one is happening but if I set the overflow: hidden I then am no longer able to scroll at all! Whats up with that? humm.. I have screenshots if needed. (I do not ftp until it all looks good, sorry no url) Help please and thank you.

CSS code:
#postContent {
position: fixed;
overflow: scroll;
margin-top: 5px;
margin-left: -25;
width: 69em; /* leave room for wrapper border */
height: 450px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 12px;
}

HTML Code:
<div id="postContent">
<asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1">
<ItemTemplate>Posted by<%#Eval("Username")%>
<%#Eval("TheDateTime")%>
<b>Subject:&nbsp;<%#Eval("Subject")%></b><img alt="User Icon" src="images/User.JPG"/>&nbsp;
<div id="postingtxt"><%#Eval("Message")%>
</ItemTemplate>
</asp:Repeater>
</div><!--End postingtxt-->
</div><!--End postContent-->
Kristy is offline   Reply With Quote
Old 14th April 12, 12:57 PM   #2
chrishirst
Banned
 
Join Date: Jun 2006
Location: Blackp ool U.K.
Posts: 3,197
Default Re: Scrollbars widths in IE and Firefox not the same

position: fixed is NOT what give scrollbars.

Using a set height and set width with overflow: scroll|auto is what puts scrollbars on an element

Screen shots are of no use for debugging and snippets of code do not give the whole picture.

For example having no DTD will give problems with IE

and your your use of position: fixed and then fiddling with margins will be causing other problems

Do you actually need the positioning? Floating is more likely what you need to do.
chrishirst is offline   Reply With Quote
Old 17th April 12, 08:39 PM   #3
Kristy
WLC Member
 
Join Date: Aug 2011
Posts: 3
Default Re: Scrollbars widths in IE and Firefox not the same

ahhh okay I see yes let me use floating and see if that works. Thank you
Kristy is offline   Reply With Quote
Reply


Thread Tools
Display Modes
Linear Mode Linear Mode

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

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

Forum Jump


All times are GMT. The time now is 06:21 PM.



Home | Advertise | Contact Us | Top
Home | Advertise | Contact Us | Top

Copyrightę 2006 WeLoveCSS.com. All Rights Reserved.
Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.