This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Stylesheets > July 2007 > Subtle (?) difference in centering on IE 6





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author Subtle (?) difference in centering on IE 6
Wes Groleau

2007-07-07, 10:15 pm

I have several sites that use _very_ similar CSS. (Developed
with the copy and change model.) On all Mac browsers except IE5,
all of these sites have a box centered in the viewport.

On IE6/WinXP, ONE of these sites has the box against the left side
if the viewport.

I'm hunting for what is different, but since I don't have Windows
at home, it's tough. Oddly enough, the one with the problem is
supposed to be an unchanged copy of one of the others--but since
not all of the content is mine, there must be something in the
other guy's stuff that kills the centering. Further oddity is
that the other guy's stuff (without any of my tweaking) is also
centered properly!

Is anyone already familiar with an IE bug that is known to
cause this and can identify CSS constructs I shold look for?

--
Wes Groleau

A UNIX signature isn't a return address, it's the ASCII equivalent
of a black velvet clown painting. It's a rectangle of carets
surrounding a quote from a literary giant of weeniedom like
Heinlein or Dr. Who.
-- Chris Maeda

Ha, ha, Dr. ..... Who's Chris Maeda?
-- Wes Groleau
Bergamot

2007-07-07, 10:15 pm

Wes Groleau wrote:
> I have several sites that use _very_ similar CSS.


Post a URL.

--
Berg
Wes Groleau

2007-07-07, 10:15 pm

Bergamot wrote:
> Wes Groleau wrote:
>
> Post a URL.


Hopefully the centering problem is gone--I decided
to just remove the original CSS and add to my CSS
if I discover something missing.

The sites are

http://Lang-Learn.us/
http://www.NorthwestAllenTrails.org
http://www.NorthwestAllenTrails.org/news/
http://UniGen.us/

The last one is the one I'm currently fussing with,
which had the centering problem on IE 6 earlier this afternoon.
Shouldn't have it now, but I don't have an IE 6 to look at.

--
Wes Groleau
Can we afford to be relevant?
http://www.cetesol.org/stevick.html
Osmo Saarikumpu

2007-07-08, 6:14 am

Wes Groleau wrote:

> http://UniGen.us/
>
> The last one is the one I'm currently fussing with,
> which had the centering problem on IE 6 earlier this afternoon.
> Shouldn't have it now, but I don't have an IE 6 to look at.


It's still there. The centering problem is probably caused by the
document type declaration:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

which throws IE6 into quirks mode.

But there are more pressing problems with the site like:

*) the text is illegible (font size too small, can't be increased by the
user with IE6, reddish text on reddish background does not help)

*) the H2 header is almost completely hidden (in IE6) because there's
not enough height (in #header_outer, I'd guess) to accommodate it

Osmo
Jim Moe

2007-07-08, 6:16 pm

Wes Groleau wrote:
>
> http://UniGen.us/
>

Fix the validation errors first:
<http://validator.w3.org/check?verbo...%2Funigen.us%2F>
Use HTML Strict doctype, as suggested elsewhere.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Wes Groleau

2007-07-08, 10:16 pm

Osmo Saarikumpu wrote:
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
> which throws IE6 into quirks mode.


Yeah, I prefer XHTML strict, but most of the content
on this site will be generated by someone else's PHP.
(LOTS of it) I may try strict--I've already seen some
<br /> which makes me wonder why he used HTML 4.

> *) the text is illegible (font size too small, can't be increased by the
> user with IE6, reddish text on reddish background does not help)


The red background was temporary, for contrast while
struggling with geometry. I do plan on trying to fix
the font sizing, though I had no trouble reading it
on 1024x768 screens.

> *) the H2 header is almost completely hidden (in IE6) because there's
> not enough height (in #header_outer, I'd guess) to accommodate it


Yeah, I don't get that. Last time I was able to get to an IE6,
that was OK, and I haven't changed the header_*. Been messing
with stuff in the "red" area.

--
Wes Groleau
"Two things are infinite, the universe and human stupidity.
But I'm not so sure about the universe."
-- Albert Einstein
Chris F.A. Johnson

2007-07-08, 10:16 pm

On 2007-07-08, Wes Groleau wrote:
> Osmo Saarikumpu wrote:
>
> Yeah, I prefer XHTML strict,


Why XHTML at all? Check the archives of this group for reasons no
to use XHTML.

> but most of the content
> on this site will be generated by someone else's PHP.
> (LOTS of it) I may try strict--I've already seen some
><br /> which makes me wonder why he used HTML 4.
>
>
> The red background was temporary, for contrast while
> struggling with geometry. I do plan on trying to fix
> the font sizing, though I had no trouble reading it
> on 1024x768 screens.


That doesn't mean anything. Your 1024x768 screen may be larger
than mine; you may have better eyesight, etc..

>
> Yeah, I don't get that. Last time I was able to get to an IE6,
> that was OK, and I haven't changed the header_*. Been messing
> with stuff in the "red" area.


Why give it a fixed height?

--
Chris F.A. Johnson <http://cfaj.freeshell.org>
========= Do not reply to the From: address; use Reply-To: ========
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
Wes Groleau

2007-07-09, 6:19 pm

Chris F.A. Johnson wrote:
> Why XHTML at all? Check the archives of this group for reasons no
> to use XHTML.


OK, I will. Eventually. :-)

>
> That doesn't mean anything. Your 1024x768 screen may be larger
> than mine; you may have better eyesight, etc..


Fifteen inch screen. Have to take off my glasses
and put it three inches away to read parts of some
contracts. :-)

>
> Why give it a fixed height?


Probably no reason. I'm trying to evolve an old design into
something better. This is probably one of the vestigials to
get rid of. Although, it is going to later have a random photo
towards its left side, but margins and padding should make that work.

How would the text be forced to (at least approximately) be
vertically aligned with the center of an unpredictably sized picture?

--
Wes Groleau

Those who make peaceful revolution impossible
will make violent revolution inevitable.
-- John F. Kennedy
Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews