473,406 Members | 2,816 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,406 software developers and data experts.

Please help with this IE problem

Hello,

Please look at http://www.kidsinaction.org.uk/ie/ie.html in IE6 and
notice that there is a white vertical line on the right of the white
bit. This is caused (AFAICS) by IE not putting the "bottomr" element
right up against the right edge of the containing element, allowing the
white background to show through.

It works fine in FF and IE7. Both the XHTML and CSS validate fine. I
have this problem twice on the page I'm building, but I cut it down to a
simple case that shows the problem to make it easier to debug.

I think this might be the famous IE 3-pixel bug, but I'm not sure as I
thought that only applied to floating elements next to text. In my case,
I have an absolutely positioned element inside a div, without any floats
or text in sight. Also, the solutions for the IE 3-pixel bug all seem to
involve adding a width or height to the element, but all three elements
in this test case already have both a width and a height.

Anyone able to help me sort this out? Thanks

--
Alan Silver
(anything added below this line is nothing to do with me)
Jul 18 '07 #1
9 2586
Anyone have any idea on this? I'm pretty sure it's not the 3-pixel jog,
mainly as the gap has now been seen to be one pixel, not three.

Any help would be greatly appreciated. TIA

In article <+g**************@nospamthankyou.spam>, Alan Silver
<al*********@nospam.thanx.invalidwrites
>Hello,

Please look at http://www.kidsinaction.org.uk/ie/ie.html in IE6 and
notice that there is a white vertical line on the right of the white
bit. This is caused (AFAICS) by IE not putting the "bottomr" element
right up against the right edge of the containing element, allowing the
white background to show through.

It works fine in FF and IE7. Both the XHTML and CSS validate fine. I
have this problem twice on the page I'm building, but I cut it down to
a simple case that shows the problem to make it easier to debug.

I think this might be the famous IE 3-pixel bug, but I'm not sure as I
thought that only applied to floating elements next to text. In my
case, I have an absolutely positioned element inside a div, without any
floats or text in sight. Also, the solutions for the IE 3-pixel bug all
seem to involve adding a width or height to the element, but all three
elements in this test case already have both a width and a height.

Anyone able to help me sort this out? Thanks
--
Alan Silver
(anything added below this line is nothing to do with me)
Jul 23 '07 #2
rf

"Alan Silver" <al*********@nospam.thanx.invalidwrote in message
news:CP**************@nospamthankyou.spam...
Anyone have any idea on this? I'm pretty sure it's not the 3-pixel jog,
mainly as the gap has now been seen to be one pixel, not three.

Unmaximize your browser window. Pick up an edge and very slowly move it left
and right. You will notice that the artifact appears and disappears,
depending on the width of the browser canvas, probably the users font size
and if the dog is barking as well.

It's due to the fact that you are trying to position things with pixel
precision and also using percentages for width. A percentage of what? The
browser canvas, and what if that percentage is not an integer? IE does not
like this sort of stuff. It'll round up, or down, or whatever and sometimes
it will leave an artifact there.

From what I can see you are starting a page that would be better drawn with
some paint program and destined to paper, and not the web. Rethink the
design. You already have WAY too much CSS, trying to control things with way
too much precision.

Hint: If you really know what you are doing and if you really understand all
the implications then you then may use position: absolute. not before.

--
Richard.

Jul 23 '07 #3
Alan Silver wrote:
Hello,

Please look at http://www.kidsinaction.org.uk/ie/ie.html in IE6 and
notice that there is a white vertical line on the right of the white
bit. This is caused (AFAICS) by IE not putting the "bottomr" element
right up against the right edge of the containing element, allowing the
white background to show through.

It works fine in FF and IE7. Both the XHTML and CSS validate fine. I
have this problem twice on the page I'm building, but I cut it down to a
simple case that shows the problem to make it easier to debug.

I think this might be the famous IE 3-pixel bug, but I'm not sure as I
thought that only applied to floating elements next to text. In my case,
I have an absolutely positioned element inside a div, without any floats
or text in sight. Also, the solutions for the IE 3-pixel bug all seem to
involve adding a width or height to the element, but all three elements
in this test case already have both a width and a height.
Do no see your problem. But a bit of advice, unless your have a *real*
compelling reason to use XHTML use HTML 4.01 strict. You will have less
frustration with MSIE6...

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Jul 23 '07 #4
In article <38*************************@NAXS.COM>, Jonathan N. Little
<lw*****@centralva.netwrites
>Do no see your problem. But a bit of advice, unless your have a *real*
compelling reason to use XHTML use HTML 4.01 strict. You will have less
frustration with MSIE6...
Unfortunately, XHTML is a project requirement, not my choice. I meant to
mention that in my original post, as I knew someone would raise it!

Thanks anyway

--
Alan Silver
(anything added below this line is nothing to do with me)
Jul 23 '07 #5
In article <qS******************@news-server.bigpond.net.au>, rf
<rf@invalid.comwrites
>
"Alan Silver" <al*********@nospam.thanx.invalidwrote in message
news:CP**************@nospamthankyou.spam...
>Anyone have any idea on this? I'm pretty sure it's not the 3-pixel jog,
mainly as the gap has now been seen to be one pixel, not three.


Unmaximize your browser window. Pick up an edge and very slowly move it left
and right. You will notice that the artifact appears and disappears,
depending on the width of the browser canvas, probably the users font size
and if the dog is barking as well.
Well, it's actually there about 99% of the time. Just occasionally it
disappears, although the dog wasn't barking, so that might have affected
it.
>It's due to the fact that you are trying to position things with pixel
precision and also using percentages for width.
What pixel precision? I'm trying to get the bottoml and bottomr divs to
sit right up against the left and right margins of their containers.
That's hardly trying to position with pixel precision. I've done this
many times before, and seen plenty of other example of it too.
A percentage of what?
What percentage? The only percentage in that whole bottom set of divs is
the 100% width for the container div. All of the CSS on the html and
body tags could have been removed. I should actually have taken it out
for this example, but forgot.

So I'm left with one single percentage, which is 100%. What's the
problem with that?
>The
browser canvas, and what if that percentage is not an integer? IE does not
like this sort of stuff. It'll round up, or down, or whatever and sometimes
it will leave an artifact there.
Well, this would be fine if I were trying to position with percentages,
but I'm not. The bottomr div, which is the one causing the problem is
positioned absolutely, and has a top and right property of zero. Even
with IE's buggy rendering, I don't see why that would cause rounding
errors. Zero is zero. Sure, if I was specifying a percentage of
something, then rounding could occur, but there's nothing to round.
>From what I can see you are starting a page that would be better drawn with
some paint program and destined to paper, and not the web. Rethink the
design. You already have WAY too much CSS, trying to control things with way
too much precision.
I have been designing web sites for about 12 years. I produce 100% valid
and compliant sites that adhere to web standards. I know how to design
web pages. What I am doing here hardly falls into the dee-ziner category
that you describe.

As I pointed out, you can ignore the CSS for the html and body tags
(which I've now removed from the sample page). What you are left with
are three fairly simple CSS declarations. How is that "way" too much
CSS, and how am I trying to control things with "way" too much
precision?
>Hint: If you really know what you are doing and if you really understand all
the implications then you then may use position: absolute. not before.
Yes I do know what I'm doing. I have been using absolute positioning for
years and never had a problem with it before.

I understand your point of view. I have seen plenty people trying to do
pixel-perfect design, without understanding the nature of the web. You
were not to know that this does is not my situation. However, your
criticism does not seem justified. A quick look at the CSS would show
that I'm not doing a lot of what you suppose.

Anyway, I have found a hack that fixes the problem, but I would still
like to know why it is happening as I don't like using hacks. If you
have any suggestions about the actual problem, as opposed to telling me
that I am doing it the wrong way, I would be glad to hear them.

--
Alan Silver
(anything added below this line is nothing to do with me)
Jul 23 '07 #6
On 23 Jul, 15:50, Alan Silver <alan-sil...@nospam.thanx.invalid>
wrote:
Unfortunately, XHTML is a project requirement,
People who make such arbitrary and clueless rules don't get to have
websites that work,
or sites that can be developed at reasonable cost (i.e. not inflated
solely by pandering to IE).

My sympathies on having to work around that (BTDT, had the 50% over-
run just to cope with IE5/Mac), but the fix is to drop the faked-up
XHTML, not to argue the indefensible. Good luck on the managerial
education project!

Jul 23 '07 #7
In article <11**********************@w3g2000hsg.googlegroups. com>, Andy
Dingley <di*****@codesmiths.comwrites
>On 23 Jul, 15:50, Alan Silver <alan-sil...@nospam.thanx.invalid>
wrote:
>Unfortunately, XHTML is a project requirement,

People who make such arbitrary and clueless rules don't get to have
websites that work,
or sites that can be developed at reasonable cost (i.e. not inflated
solely by pandering to IE).
Don't know. I don't have such strong feelings on the subject. I know
it's a bit of a religious topic round here, but I can't really see the
big deal about XHTML. You have to remember to close all tags, but apart
from that there's little difference.

I've never had any problems with it before, even with IE. I've always
managed to produce clean designs without hacks, and had them work fine
in IE. I guess that's why I don't get worked up about XHTML, never been
much of an issue. I've read some of the articles about how evil it is,
but IMO, there are more important things to worry about!
>My sympathies on having to work around that (BTDT, had the 50% over-
run just to cope with IE5/Mac), but the fix is to drop the faked-up
XHTML, not to argue the indefensible. Good luck on the managerial
education project!
Not going to bother even trying to argue against the XHTML. The project
is going to be an ASP.NET site, and if you want valid code, you need to
use XHTML. AFAIK, the only options are valid XHTML or invalid HTML ;-(

Ta ra

--
Alan Silver
(anything added below this line is nothing to do with me)
Jul 23 '07 #8
On 23 Jul, 17:26, Alan Silver <alan-sil...@nospam.thanx.invalid>
wrote:
Unfortunately, XHTML is a project requirement,
I can't really see the big deal about XHTML.
There is no big deal. That's why, if it's causing problems for you you
can dump it. The idea of it as an mandatory "project requirement" is
what I have the issue with.

For another thing, you're not using XHTML anyway, just Appendix C at
most.

Not going to bother even trying to argue against the XHTML. The project
is going to be an ASP.NET site, and if you want valid code, you need to
use XHTML. AFAIK, the only options are valid XHTML or invalid HTML ;-(
I'm assured by ASP.NET developer that it's not that bad: M$oft merely
make it ridiculously obscure for how to achieve valid HTML, not
completely impossible. 8-)

There's a similar issue with JSF Facelets. Although the source _into_
them must be XML (it must be XHTML + Facelets, with namespacing),
their _output_ can perfectly well be HTML.

Jul 24 '07 #9
In article <11**********************@n60g2000hse.googlegroups .com>, Andy
Dingley <di*****@codesmiths.comwrites
>On 23 Jul, 17:26, Alan Silver <alan-sil...@nospam.thanx.invalid>
wrote:
>Unfortunately, XHTML is a project requirement,
>I can't really see the big deal about XHTML.

There is no big deal. That's why, if it's causing problems for you you
can dump it. The idea of it as an mandatory "project requirement" is
what I have the issue with.
It isn't causing me any problems. Someone else said I shouldn't be using
XHTML without a compelling reason. AFAICS, XHTML is just HTML with a few
extra slashes to close tags. Apart from a few extra bytes in my output,
I can't see any problem with it at all.
>For another thing, you're not using XHTML anyway, just Appendix C at
most.
Again, does it matter? Not trying to be awkward, but aren't there more
important things to worry about?
>Not going to bother even trying to argue against the XHTML. The project
is going to be an ASP.NET site, and if you want valid code, you need to
use XHTML. AFAIK, the only options are valid XHTML or invalid HTML ;-(

I'm assured by ASP.NET developer that it's not that bad: M$oft merely
make it ridiculously obscure for how to achieve valid HTML, not
completely impossible. 8-)
I've never found a way. I would be grateful if you could ask him how he
did it. Not that it bothers me. As I said, XHTML is fine by me, at least
until someone comes up with a compelling reason *not* to use it.
>There's a similar issue with JSF Facelets. Although the source _into_
them must be XML (it must be XHTML + Facelets, with namespacing),
their _output_ can perfectly well be HTML.
Don't know, never used them. The ASP.NET framework emits a lot of the
code itself, and you don't seem to have much control over the level of
what comes out. They support XHTML strict and transitional, as well as
something called "legacy," which AFAICS is invalid HTML4. Given the
choice between those three, it didn't take long to go for XHTML strict!

Ta ra

--
Alan Silver
(anything added below this line is nothing to do with me)
Jul 25 '07 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

0
by: Kurt Watson | last post by:
I’m having a different kind of problem with Hotmail when I sign in it says, "Web Browser Software Limitations Your Current Software Will Limit Your Ability to Use Hotmail You are using a web...
4
by: pshindle | last post by:
DB2 Team - I just downloaded and unzipped the new Fixpack 9 for DB2 ESE V8 for Windows (FP9_WR21350_ESE.exe). I then burned the unzipped Fixpack files to a CD. I proceded to install this...
23
by: Jason | last post by:
Hi, I was wondering if any could point me to an example or give me ideas on how to dynamically create a form based on a database table? So, I would have a table designed to tell my application...
25
by: n3crius | last post by:
hi, i just got a web host with asp.net , seemed really cool. aspx with the c# or vb IN the actual main page run fine, but when i use codebehind and make another source file ( a .cs) to go with...
2
by: Carlo, MCP | last post by:
Hi, Sorry for posting twice, but I hope in your comprehension. Please help me! I'm troubling from months with a serious serialization problem that I'm not able to solve. I try to describe as...
1
by: David Van D | last post by:
Hi there, A few weeks until I begin my journey towards a degree in Computer Science at Canterbury University in New Zealand, Anyway the course tutors are going to be teaching us JAVA wth bluej...
1
by: funfair | last post by:
HI,EVERY ONE first problem, i have create a database in access 2003 it worked fine untill i have format my laptop . now im working on office 2003 on windows xp and i have norton 2006 but im...
1
by: oldgent | last post by:
I am having a problem installing the starter kits. I have reinstalled VS 2005, think that might be the problem. I then installed both 'Personal Website" and the "Club Website" starter kits. I...
1
PEB
by: PEB | last post by:
POSTING GUIDELINES Please follow these guidelines when posting questions Post your question in a relevant forum Do NOT PM questions to individual experts - This is not fair on them and...
2
by: violeta123 | last post by:
I am stuck! Please help It might be difficult to explain the problem via email, but I will try. I have a Win 2003 Enterprise server running with the only purpose of a membership web site...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.