473,405 Members | 2,349 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,405 software developers and data experts.

Subtle (?) difference in centering on IE 6

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
Jul 7 '07 #1
6 1644
Wes Groleau wrote:
I have several sites that use _very_ similar CSS.
Post a URL.

--
Berg
Jul 8 '07 #2
Bergamot wrote:
Wes Groleau wrote:
>I have several sites that use _very_ similar CSS.

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
Jul 8 '07 #3
Wes Groleau wrote:
>
http://UniGen.us/
Fix the validation errors first:
<http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Funigen.us%2F>
Use HTML Strict doctype, as suggested elsewhere.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jul 8 '07 #4
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
Jul 8 '07 #5
On 2007-07-08, Wes Groleau wrote:
Osmo Saarikumpu wrote:
><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
which throws IE6 into quirks mode.

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 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.
That doesn't mean anything. Your 1024x768 screen may be larger
than mine; you may have better eyesight, etc..
>*) 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.
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)
Jul 9 '07 #6
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. :-)
>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..
Fifteen inch screen. Have to take off my glasses
and put it three inches away to read parts of some
contracts. :-)
>>*) the H2 header is almost completely hidden (in IE6) because there's
Yeah, I don't get that. Last time I was able to get to an IE6,

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
Jul 9 '07 #7

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

Similar topics

1
by: Skip Montanaro | last post by:
I got to wondering if there is a difference between __contains__() and has_key() for dictionaries (I don't think there is), so I peeked at UserDict.UserDict and saw they were implemented as...
11
by: Jeff Thies | last post by:
I have a series of blocks that are float left that I need centered on the page. <div class="center" align="center"> <div style="width: 100 px;float: left">thumbnail 1</div> <div style="width:...
6
by: Fran¨ois de Dardel | last post by:
http://mapage.noos.fr/dardelf3/tintin/page3bits.html Can I center the series of thumbnails horizontally in the pages _and_ keep the "elastic arrangement" where the number of thumbnails adapts to...
3
by: Jonah Bishop | last post by:
I have a puzzling problem with centering text, and I'm hoping that someone here can help me out. First of all, let me state that I am using XHTML 1.0 Strict and CSS for all layout purposes (no...
6
by: Axel Siebenwirth | last post by:
Hi, as described at http://www.quirksmode.org/css/centering.html, I try to do to centering with my site. I did exactly as told on that page but it only seems to center horizontally. My site...
2
by: Gnolen | last post by:
Hi again, Last time my server was down(as for many others I have heard), but now it is online again! I would be really really happy if someone could take a look at my problem a bit. I now...
3
by: John Pote | last post by:
1. Horizontal centering a <divin browser window. The current trend seems to be to place page content in a fixed width area in the middle of the browser window. How is this achieved? If I use a...
5
by: Markus Ernst | last post by:
Hello This is a test example: http://www.markusernst.ch/anthracite/ http://www.markusernst.ch/anthracite/living_divani.html After googling and experimenting for several hours, I ended up...
1
by: =?Utf-8?B?ZnJhbmt5?= | last post by:
Hello, I've created a table that has two rows that are span across three columns. The third row has three columns, each with an image. The last row is also span accross three columns. The span...
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
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
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
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
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
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.