[thelist] Site CSS problem

Phil Essing phil at sector404.org
Fri Aug 16 22:31:01 CDT 2002


You're welcome David.  Actually, Lon Kraemer's response included a link
(see below) which explains the possible problem.  Apparently, IE 5.5 & 6
on Win32 can choke on nested BLOCK level items.  I do this all the time,
though, so this bug is certainly not consistent with all block level
items.  Although, it seems using the PRE property within a DIV is one
way to reproduce the problem.  All that being said, changing the PRE's
display property, to inline, is a totally valid solution to this
problem.

>Lon Kraemer wrote:
>Yes, an IE bug. This may offer some insight:
http://users.rraz.net/mc_on_the_rocks/testpage/creep.html

-phil

------------------------------------------------------------------------
-----------------
Phil Essing
phil at sector404.org

Visit me on the Web at: http://www.sector404.org
------------------------------------------------------------------------
-----------------



> -----Original Message-----
> From: thelist-admin at lists.evolt.org
> [mailto:thelist-admin at lists.evolt.org] On Behalf Of David U.
> Sent: Friday, August 16, 2002 10:23 PM
> To: thelist at lists.evolt.org
> Subject: Re: [thelist] Site CSS problem
>
>
> Phil Essing wrote:
> > Davidu,
> >
> > I was intrigued by this problem, so I grabbed your source and began
> > playing with it.  Since nothing seemed obviously wrong with
> the HTML
> > or CSS, I began to go the process-of-elimination route.  I quickly
> > determined that, for whatever reason, the PRE tags were
> causing this
> > problem, and so I tried something, just for fun....which
> seems to do
> > the trick!  I changed the PRE property's display value to
> INLINE, from
> > its default value of BLOCK.
>
> Interesting indeed.  I'm no CSS guru either and I hate to
> take the "but it validates so it's good" approach, but at my
> level I'm just getting comfortable at that level.  Thanks for
> looking at this.
>
> >
> > Add this to your stylesheet:
> >
> > PRE {
> > display: inline;
> > }
>
> Yep! That seems to fix it.  I already kinda munged a bunch of
> the source to make it work with px's but I'll swap them all
> back because your way is better.
>
> >
> > If any of you CSS gurus can explain this, I'd love to here from you.
>
> Me too.  Thanks for your work Phil!
>
> -davidu
>
> >
> > -phil
> >
> >
> ----------------------------------------------------------------------
> > --
> > -----------------
> > Phil Essing
> > User Interface Specialist
> > phil at sector404.org
> >
> > VDL2 inc.
> > 700, rue Wellington  .  Montreal, QC  .  H3C 1T4
> > tel.: 514.599.5712  .  fax: 514.599.5724
> >
> ----------------------------------------------------------------------
> > --
> > -----------------
> >
> >
> >
> >> -----Original Message-----
> >> From: thelist-admin at lists.evolt.org
> >> [mailto:thelist-admin at lists.evolt.org] On Behalf Of David U.
> >> Sent: Friday, August 16, 2002 3:34 PM
> >> To: thelist at lists.evolt.org
> >> Subject: [thelist] Site CSS problem
> >>
> >>
> >> Hi,
> >>
> >> On my website: http://david.ulevitch.delmar.ca.us/
> >>
> >> When the "finger" is off, the site loads fine.  When the
> "finger" is
> >> loaded everything below the finger is shunted to the left
> a bit and I
> >> can't figure out why.  Is it a bug in my CSS? In IE?
> >>
> >> You'll see what I mean when the page is loaded, otherwise
> I can take
> >> screenshots.  I am using IE6 on winXP.
> >>
> >> Thanks,
> >> davidu
> >> --
> >> "Never doubt that a small group of thoughtful citizens can
> change the
> >> world. Indeed, it is the only thing that ever has." --Margaret Mead
> >>
> >>
> >>
> >>
> >> --
> >> For unsubscribe and other options, including
> >> the Tip Harvester and archive of thelist go to:
> >> http://lists.evolt.org Workers of the Web, evolt !
>
>
> --
> For unsubscribe and other options, including
> the Tip Harvester and archive of thelist go to:
> http://lists.evolt.org Workers of the Web, evolt !
>




More information about the thelist mailing list