Solved

CSS border redraw problems in IE 6

Posted on 2004-10-06
3
437 Views
Last Modified: 2008-02-01
Howdy again,

I have a rather large page, which seems to work reasonably well.  However, there is just one bug that i can't seem to find the cause yet.

Most browsers have no problems, but in Internet Explorer 6, it has difficulty with a wide border near the bottom of the page.

If you load it up in say Firefox, the bottom page total line has a 10px high border in a dark blue colour.  However, if you load the page in IE, it has some redraw issues.  be default you wont be able to see the border at all.  But if you click the little "plus" icons on each panel on the right hand side and collapse a number of them down.   sometimes the border will show.  

This seems to be a redraw problem as far as i can tell.  Anybody here got an understanding of what i should be looking for to fix?

http://www.zyotism.com/MDSWORK/Analyser5/061004/invoiceview.html
http://www.zyotism.com/MDSWORK/Analyser5/061004/css/analyser.css


Cheers
0
Comment
Question by:M_Corkish
3 Comments
 
LVL 5

Expert Comment

by:php-webdesign
ID: 12235807
try setting a max-heigt / max-width, bacause IE and FIREFOX render the width differently (because of the cell-padding etc..)
0
 
LVL 19

Accepted Solution

by:
dakyd earned 125 total points
ID: 12245839
I think you just discovered the "Peek-A-Boo" bug, my friend.  In this case, you can apply a set width, so a quick fix would be to change your CSS for .pageTotalRow to this:

.pagetotalRow {
border-top: 10px solid #00689C;
padding-bottom: 15px;
width: 100%;
}

Since you want the div to stretch across the entire bottom anyway, width: 100% shouldn't change the layout.  However, it'll fix your "sometimes appears, sometimes doesn't" bug in IE.  It's strange, I know, but you can check out http://www.positioniseverything.net/explorer/peekaboo.html for a bit of an explanation on it.  Either way, hope that helps.
0
 

Author Comment

by:M_Corkish
ID: 12306233
Sorry about the delay getting back to this question. I got pulled off the project for a few weeks.   Thanks for the heads up on the "peak-a-boo" bug.  looks like thats the culprit! ;-)

Cheers
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

831 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question