Member Avatar for srirajj

Hi

I am new to css ,i got stuck up , scroll bar is not working in IE6 & IE7 but working fine in FF. and also shadding coming around the images in IE6 but working fine in Ie7 & FF.

please can any solve me these two issues.

Thanks
sriraj

  • 2 Contributors
  • 2 Replies
  • 116 Views
  • 9 Hours Discussion Span
  • Latest Post Latest Post by srirajj

Dani AI

Generated

Short summary and step-by-step checks for the two issues described by (and the clarification asked by ).

The missing vertical scroll is most often a layout-flow problem in IE6/7. If the "white board" (the container that should make the page taller) is absolutely positioned or the page/html have a fixed height or overflow:hidden, the document may not increase to show a browser scrollbar in older IE. Quick checks: temporarily remove position:absolute from that container; remove any height:100% / overflow:hidden on html, body; and add a visible background color to the container so you can see whether it contributes to page height.

If you need an inner scrollable region, make it an element in the normal flow and give it a fixed height plus overflow:auto. In IE6/7 you often must trigger "hasLayout" so overflow behaves correctly — zoom:1 is the simplest trigger:

.whiteboard {
  position:relative;    /* avoid absolute if you expect page scroll */
  max-height:500px;     /* visible area */
  overflow:auto;        /* enable inner scrolling */
  zoom:1;               /* fixes IE6/7 rendering of overflow */
}

The grey/shaded halo around images in IE6 is the classic PNG-alpha problem. Alpha fixes (Microsoft filters) are known to introduce halos, smoothing, or clickability issues on anchors. Recommended, reliable options:

  • Provide an IE6-only fallback (GIF or PNG8) via conditional comments.
  • Use CSS sprites saved as PNG8 (or GIF) so there is no partial alpha.
  • Use a well-tested PNG-fix script targeted only at IE6 if you must keep 24-bit alpha.

Example approach (IE6-only stylesheet):

<!--[if lte IE 6]>
<link rel="stylesheet" href="ie6-fixes.css" />
<![endif]>

/* ie6-fixes.css */
a.what-btn { background: url(images/what-btn-fallback.gif) no-repeat; }

Debug workflow: isolate the problem by removing absolute positioning and any IE-specific filters, verify whether the page scrollbar returns, then reintroduce fixes one at a time (hasLayout, inner overflow, image fallback). This isolates whether the scrollbar problem is layout-related or caused by an overlaid element (filters can block clicks/interaction).

Recommended Answers

All 2 Replies

Member Avatar for dipak_passion

Hello !

its not clear that which scrollbar not working? is that borwser's or in page? please explain bit more.

Member Avatar for srirajj

HI

Its not a browser its page .I kept a white board in that i placed some content .The content is not scrolling down in the page .Also i kept a tabbed bar the white board and given some action to it (i.e.,when we click on particular tab that tab content will be displayed. ).For this tab
bar i am getting shaded region .so I have to take that shaded region.
This was the code for tab bar

.board-menu{
width:580px;
height:65px;
margin-top:150px;
position:absolute;
/*z-index:50;*/
padding-left:10px;
}

a.what-btn:link, a.what-btn:visited, a.what-btn:hover{
background:url(../images/what-btn.png) no-repeat;

/*
background-image:none;
       filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/what-btn.png' sizingMethod='image');
*/width:169px;
height:45px;
display:block;
float:left;
clear:right;
margin-top:20px; 
}

I kept the line which was in comment to take off that shaded region but it not working .So tell me how to take off that .

Thanks
sriraj

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.