Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > Odd CSS related text "reflow" issue?

Reply
Thread Tools

Odd CSS related text "reflow" issue?

 
 
Rob O
Guest
Posts: n/a
 
      07-26-2005
Hi Folks

We are having an odd little effect happening with a non-tabled site
that uses fairly basic CSS.

It is only happening in IE it seems and it really is just a pixel
shift in a column of text, but the client has noticed it and wants it
fixed.

I wondered if any resident gurus may throw any light?

An example page can be seen here:

<http://www.littlejohnfraser.com/services/MERITservices.asp>

a screengrab from IE6 highlighting the problem can be seen here

<http://www.c-eye.co.uk/misc/ljftextproblem.jpg>

It seems to be related to when there is a right hand panel floated
right.

I know it's minor but as I say, the client wants it fixed and it would
be a shame to rebuild the site using tables

TIA!

R

 
Reply With Quote
 
 
 
 
Rob O
Guest
Posts: n/a
 
      07-26-2005
On Tue, 26 Jul 2005 20:47:14 GMT, Rob O
<(E-Mail Removed)> wrote:

>Hi Folks
>
>We are having an odd little effect happening with a non-tabled site
>that uses fairly basic CSS.
>
>It is only happening in IE it seems and it really is just a pixel
>shift in a column of text, but the client has noticed it and wants it
>fixed.
>
>I wondered if any resident gurus may throw any light?
>
>An example page can be seen here:
>
><http://www.littlejohnfraser.com/services/MERITservices.asp>
>
>a screengrab from IE6 highlighting the problem can be seen here
>
><http://www.c-eye.co.uk/misc/ljftextproblem.jpg>
>
>It seems to be related to when there is a right hand panel floated
>right.
>
>I know it's minor but as I say, the client wants it fixed and it would
>be a shame to rebuild the site using tables
>
>TIA!
>
>R


Follow up - it happens in Firefox too!!

R


 
Reply With Quote
 
 
 
 
Rob O
Guest
Posts: n/a
 
      07-26-2005
On Tue, 26 Jul 2005 21:02:31 GMT, Rob O
<(E-Mail Removed)> wrote:


>>R

>
>Follow up - it happens in Firefox too!!
>
>R
>


Arrgh - not it doesn't it's only IE - doh!

R


 
Reply With Quote
 
Spartanicus
Guest
Posts: n/a
 
      07-26-2005
Rob O <(E-Mail Removed)> wrote:

><http://www.littlejohnfraser.com/services/MERITservices.asp>


When you want to specify one colour, specify them all (you didn't
specify a page background colour).

--
Spartanicus
 
Reply With Quote
 
Arne
Guest
Posts: n/a
 
      07-26-2005
Once upon a time *Rob O* wrote:

> Hi Folks
>
> We are having an odd little effect happening with a non-tabled site
> that uses fairly basic CSS.
>
> It is only happening in IE it seems and it really is just a pixel
> shift in a column of text, but the client has noticed it and wants it
> fixed.
>
> I wondered if any resident gurus may throw any light?
>
> An example page can be seen here:
>
> <http://www.littlejohnfraser.com/services/MERITservices.asp>
>
> a screengrab from IE6 highlighting the problem can be seen here
>
> <http://www.c-eye.co.uk/misc/ljftextproblem.jpg>
>
> It seems to be related to when there is a right hand panel floated
> right.
>
> I know it's minor but as I say, the client wants it fixed and it would
> be a shame to rebuild the site using tables
>
> TIA!
>


Try to make navcol id just a couple of pixels more narrow. This id's
bottom line is on the same level as the line "All these services ..."
is, so every line abowe will move to the left when you change the
width of the navcol id.

--
/Arne

Top posters will be ignored. Quote the part you
are replying to, no more and no less! And don't
quote signatures, thank you.
 
Reply With Quote
 
Robert Frost-Bridges
Guest
Posts: n/a
 
      07-26-2005
Rob O wrote:

> Hi Folks
>
> We are having an odd little effect happening with a non-tabled site
> that uses fairly basic CSS.
>
> It is only happening in IE it seems and it really is just a pixel
> shift in a column of text, but the client has noticed it and wants it
> fixed.
>
> I wondered if any resident gurus may throw any light?
>
> An example page can be seen here:
>
> <http://www.littlejohnfraser.com/services/MERITservices.asp>

[...]
#all is specified as having a fixed width and there are then varying amounts
of margin/padding added to elements on the page. IE calculates the box
model somewhat differently so maybe you're seeing an effect of this? There
is a css hack regarding width and IE. I'm not saying it is this but it was
something that occured to me looking at the code. I could be miles off.

--
Robert
http://brightonfixedodds.net

 
Reply With Quote
 
Martin Jay
Guest
Posts: n/a
 
      07-26-2005
In message <(E-Mail Removed)>, Rob O
<(E-Mail Removed)> writes
>On Tue, 26 Jul 2005 20:47:14 GMT, Rob O
><(E-Mail Removed)> wrote:


>>We are having an odd little effect happening with a non-tabled site
>>that uses fairly basic CSS.


>>It is only happening in IE it seems and it really is just a pixel
>>shift in a column of text, but the client has noticed it and wants it
>>fixed.


>Follow up - it happens in Firefox too!!


Is it? I thought this was only an Internet Explorer 6 'feature.'

Anyway, it's a well-known problem. I found this page helpful:

http://www.positioniseverything.net/...reepxtest.html

Unfortunately it involves some css hacking, but they pass through the
CSS valuator at http://www.w3.org/

Does anyone have alternative solutions?
--
Martin Jay
 
Reply With Quote
 
W˙rm
Guest
Posts: n/a
 
      07-27-2005

"Rob O" <(E-Mail Removed)> kirjoitti
viestissä:(E-Mail Removed) om...

<snip>

> a screengrab from IE6 highlighting the problem can be seen here
>
> <http://www.c-eye.co.uk/misc/ljftextproblem.jpg>


Looks like typical 3 pixel JOG bug. Googling for 3 pixel jog should give
you solution how to fix this. Been while I had to deal this issue so can't
be 100% sure I recall correctly, but I think you have to set some height,
most likely MAINTEXT class to height: 1px; or something like that.

Anyway, Google should give you more answers what fix is and if that cause
problems elsewhere...


 
Reply With Quote
 
Rob O
Guest
Posts: n/a
 
      07-27-2005
On Wed, 27 Jul 2005 03:40:47 +0300, "W˙rm"
<(E-Mail Removed)> wrote:

>
>"Rob O" <(E-Mail Removed)> kirjoitti
>viestissä:fj7de11lnja3g14rkub99moukn2sn39v34@4ax. com...
>
><snip>
>
>> a screengrab from IE6 highlighting the problem can be seen here
>>
>> <http://www.c-eye.co.uk/misc/ljftextproblem.jpg>

>
>Looks like typical 3 pixel JOG bug. Googling for 3 pixel jog should give
>you solution how to fix this. Been while I had to deal this issue so can't
>be 100% sure I recall correctly, but I think you have to set some height,
>most likely MAINTEXT class to height: 1px; or something like that.
>
>Anyway, Google should give you more answers what fix is and if that cause
>problems elsewhere...
>


Yep thanks guys, you're on the money - it is the 3 pixel Jog.

There is a dodgy CSS hack that we have now tried on dev machine and it
has cured the problem - many thanks for the quick responses!

R


 
Reply With Quote
 
Rob O
Guest
Posts: n/a
 
      07-27-2005
On Tue, 26 Jul 2005 21:29:45 GMT, Spartanicus
<(E-Mail Removed)> wrote:

>Rob O <(E-Mail Removed)> wrote:
>
>><http://www.littlejohnfraser.com/services/MERITservices.asp>

>
>When you want to specify one colour, specify them all (you didn't
>specify a page background colour).



Oppsie, thanks for the headsup

R


 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Re: Odd graphics related ? Mike Easter Computer Support 3 12-21-2009 10:50 PM
Re: Odd math related issue. Fredrik Lundh Python 3 07-21-2008 02:10 PM
PLEASE HELP - odd string sorting related problem cpptutor2000@yahoo.com C Programming 12 10-22-2007 11:04 PM
Odd behavior with odd code Michael Speer C Programming 33 02-18-2007 07:31 AM
Odd things happening to my computer (graphics card related) SonicMonkey Computer Support 2 10-06-2005 03:05 PM



Advertisments