Forum Moderators: not2easy
My Domain name supplier puts a frame around my webpage for redirection which causes a horizontal scrollbar to appear in IE when the vertical content becomes scrollable.
<HTML><HEAD>
<META NAME="description" content="">
<META NAME="keywords" content="">
<TITLE>Main Page</TITLE>
</HEAD>
<FRAMESET ROWS="100%,*" BORDER="0" FRAMEBORDER="0">
<FRAME SRC="http://www.example.com/index.html" SCROLLING="AUTO" NAME="bannerframe" NORESIZE>
</FRAMESET>
<NOFRAMES>
::ALZCO:: Main Page ::
<P>
<DIV ALIGN="CENTER"><A HREF="http://www.example.com/index.html">http://www.example.com/</A></DIV>
</NOFRAMES>
</HTML>
To fix this i added overflow:auto to my body in the CSS. This, however caused this gallery not to work due to absolute positioning. So my CSS is
html,body {
background: url(../foo/foo.gif) repeat-y center;
padding: 0;
margin: 0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 76%;
background-color: #e4e4e4;
color: gray;
}
#galleryWrap {position:relative; width:425px; height:470px; background:#e4e4e4 url(); border:1px solid gray; margin-left:auto; margin-right: auto;}
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid gray; width:75px; height:47px; float:left; margin:3px;}
a.slidea {background:url(../foo.jpg);}
a.slideb {background:url(../foo.jpg);}
a.slidec {background:url(../foo.jpg);}
a.gallery span {display:block; position:absolute; width:1px; height:1px; top:-px; left:5px; overflow:hidden; background:#e4e4e4 url();}
.slidek {display:block; position:absolute; width:400px; height: 300px; top:125px; left:10px; padding:0; border:3px double gray;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img, a.gallery:active img, a.gallery:focus img {border:3px double gray;}
a.gallery:hover span, a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:402px; height:330px; top:120px; left:5px; padding:5px; font-style:italic; color:#000; background:#e4e4e4 url();}
So I am wondering if there is a way to display this page correctly and lose the horizontal scrolling.
Thanks for any guidance
Without using links that is as simple as I can explin it. Basically my fix for horizontal scrolling breaks the gallery and vice-versa
[edited by: DrDoc at 5:54 pm (utc) on Dec. 6, 2004]
[edit reason] examplified URLs [/edit]
Basically my fix for horizontal scrolling breaks the gallery and vice-versa
What's the fix, if I may ask? Basically, I don't see what the problem is. The "DNS frame" causes the window to be smaller than you would like, so it starts scrolling... Well, quite frankly, that's not a problem related to the frame. It's a problem related to the way you've designed your site. You will never know how wide the browser window will be for your visitors. So, your best bet is to simply make sure your site looks good regardless of resolution (= make it more fluid). Your only other option is to live with scrolling whenever it occurs. In this case, you may want to make the page layout narrower to avoid side scrolling. But that only gives you a false sense of wellbeing, since the vertical scroll may very well still be there for others. Fluid is the way to go.
