![]() |
|
||||||||||
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
|||||
|
|
#1 |
|
WLC Member
Join Date: Aug 2011
Posts: 3
|
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: <%#Eval("Subject")%></b><img alt="User Icon" src="images/User.JPG"/> <div id="postingtxt"><%#Eval("Message")%> </ItemTemplate> </asp:Repeater> </div><!--End postingtxt--> </div><!--End postContent--> |
|
|
|
|
|
#2 |
|
Banned
Join Date: Jun 2006
Location: Blackp ool U.K.
Posts: 3,197
|
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. |
|
|
|
|
|
#3 |
|
WLC Member
Join Date: Aug 2011
Posts: 3
|
ahhh okay I see yes let me use floating and see if that works. Thank you
|
|
|
|
![]() |
| Thread Tools | |
| Display Modes | |
Linear Mode |
|
|