?
Solved

CSS border redraw problems in IE 6

Posted on 2004-10-06
3
Medium Priority
?
442 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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 500 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

New benefit for Premium Members - Upgrade now!

Ready to get started with anonymous questions today? It's easy! Learn more.

Question has a verified solution.

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

As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
Suggested Courses
Course of the Month8 days, 16 hours left to enroll

764 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