Forums

CSS

This topic is locked

CSS layout and frames

Posted 17 Mar 2005 21:54:04
1
has voted
17 Mar 2005 21:54:04 chadmih chad posted:
Howdy. I notice there is not much acdtivity in this CSS section. I have lots of questions so maybe I can give it some llife.

OK. I have a client who has an old site built with frames. I update it for him but I didnt build it. I have been trying to update parts of the site to CSS as I make updates. Recently I rebuilt an Images page with llittle thumbnails. The whole page is laid out with CSS. I got everything to work except one small issue. When displayed in IE I get a horizontal scrollbar in my middle frame. I don't have this problem in Mozilla(go figure).

Does anyone know of a fix or workaround? The HTML and CSS are both valid. Here is the link. www.juxtaflo.com/gregg00/mainframe.html

Just click on the Images button at the top.


Thanks.

<h6>JUXTAFLO_</h6>
<img src="www.juxtaflo.com/images/flashkit_footer.jpg" border=0>

Replies

Replied 18 Mar 2005 15:51:33
18 Mar 2005 15:51:33 Matt Bailey replied:
You've got a fixed top and bottom frame with the scrolling set to 'no'. Have you checked to see if the main central frame also has scrolling set to 'no'?

___________________________________
* Sorry... how do you do that again?... *
Replied 18 Mar 2005 16:14:04
18 Mar 2005 16:14:04 Matt Bailey replied:
Sorry, my brains aren't in gear... I can check that for you by viewing the source code in my browser. I can see that the main frame has scrolling set to 'auto'. Try changing this to 'no' as mentioned above.

However, I'm wondering if this will stop the vertical scroll bar from appearing when needed as well? Hmmm... Try it out and let us know what happens.

___________________________________
* Sorry... how do you do that again?... *
Replied 29 Mar 2005 04:04:06
29 Mar 2005 04:04:06 chadmih chad replied:
Yep, that just shuts off all scrolling. Any other ideas?

<h6>JUXTAFLO_</h6>
<img src="www.juxtaflo.com/images/flashkit_footer.jpg" border=0>
Replied 29 Mar 2005 04:19:17
29 Mar 2005 04:19:17 Dave Thomas replied:
u tried

<pre id=code><font face=courier size=2 id=code>
body{
overflow: hidden;
}
</font id=code></pre id=code>

it removes the ghost scrollbar on the right (default scrollbar) in IE, so it mah also work for your middle frame.
if you dont want the middle frame to scroll at all, then use

<pre id=code><font face=courier size=2 id=code>
#yourmiddleframe{
overflow: hidden;
}
</font id=code></pre id=code>

making sure to replace #yourmiddleframe with your id or class


regards

Dave Thomas
<b>DMX Zone Manager</b>
Replied 31 Mar 2005 00:29:03
31 Mar 2005 00:29:03 chadmih chad replied:
Thanks for the input Dave. That got rid of the horizontal scrollbar but is also got rid of the vertical scrollbar. Now you can only scroll with the mousewheel.

<h6>JUXTAFLO_</h6>
<img src="www.juxtaflo.com/images/flashkit_footer.jpg" border=0>
Replied 31 Mar 2005 00:49:07
31 Mar 2005 00:49:07 Dave Thomas replied:
if you just want the up/down scrollbar

change overflow:hidden to&gt;

overflow:auto;

regards

Dave Thomas
<b>DMX Zone Manager</b>

Reply to this topic