HighDots Forums  

Text shift problem...

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss Text shift problem... in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
hzgt9b
 
Posts: n/a

Default Text shift problem... - 04-15-2008 , 12:15 PM






I am working on a site that is being served to a private network. All
the users are using IE.

What I am trying to do is label some groups of text - I can't use an
<ol> because the labeling will be broken over several divs - thus I
decided that I would add the labels manually. What I thought I could
do was float my label div to the left then use the left-margin of my
next div to create the offset or margin. This seems to be working fine
except that the text on the 1st couple of lines in the 2nd div is
shifted to the right by a couple of pixels.

Here's a sample page showing the problem:
http://www.freewebtown.com/emailcelo...t_problem.html.
Notice that the 1st line or so of the text inside blue bordered divs
is shifted to the right by a few pixels.

QUESTIONS:
1. Is an easier way to get the labelling effect I am looking for? I'm
open to suggestions.
2. Regardless of my labelling issue, can anyone tell me what the
source of the text shift problem is and what can be done to correct
it?

Your feedback appreciated.

Reply With Quote
  #2  
Old   
Harlan Messinger
 
Posts: n/a

Default Re: Text shift problem... - 04-15-2008 , 12:38 PM






hzgt9b wrote:
Quote:
I am working on a site that is being served to a private network. All
the users are using IE.

What I am trying to do is label some groups of text - I can't use an
ol> because the labeling will be broken over several divs
? You can put DIVs, and just about anything else, inside an LI.

Quote:
- thus I
decided that I would add the labels manually. What I thought I could
do was float my label div to the left then use the left-margin of my
next div to create the offset or margin. This seems to be working fine
except that the text on the 1st couple of lines in the 2nd div is
shifted to the right by a couple of pixels.

Here's a sample page showing the problem:
http://www.freewebtown.com/emailcelo...t_problem.html.
Notice that the 1st line or so of the text inside blue bordered divs
is shifted to the right by a few pixels.
It is? It's all aligned when I look at it in Firefox and IE7.


Reply With Quote
  #3  
Old   
Bergamot
 
Posts: n/a

Default Re: Text shift problem... - 04-15-2008 , 12:42 PM



hzgt9b wrote:
Quote:
http://www.freewebtown.com/emailcelo...t_problem.html.
Notice that the 1st line or so of the text inside blue bordered divs
is shifted to the right by a few pixels.
http://www.positioniseverything.net/explorer.html

Look at 3-pixel jog, towards the bottom of the list

--
Berg


Reply With Quote
  #4  
Old   
hzgt9b
 
Posts: n/a

Default Re: Text shift problem... - 04-15-2008 , 12:51 PM



On Apr 15, 1:42*pm, Bergamot <berga... (AT) visi (DOT) com> wrote:
Quote:
hzgt9b wrote:

http://www.freewebtown.com/emailcelo...t_problem.html.
Notice that the 1st line or so of the text inside blue bordered divs
is shifted to the right by a few pixels.

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

Look at 3-pixel jog, towards the bottom of the list

--
Berg
Yea, its the 3-pixel jog - thanks for putting a name to it for me.


Reply With Quote
Reply




Thread Tools
Display Modes

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

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.