IE6 right align problem

Man, i'm glad to find this forum.

I'm having a weird right-align issue with IE6. When the page first
loads, it appears almost perfect. When i hit refresh (w/o changing
anything) the right-align issue shows up and stays. I assume the
refreshed version is what i'm really working with and what i will
address in this post (though i don't understand where the almost
correct code is coming from in the first place?)

There are 3 pages this affects and that i'm working on right now:

http://www.toplessdesign.com/BG/site...views_exp4.htm
http://www.toplessdesign.com/BG/site...views_tab2.htm
http://www.toplessdesign.com/BG/site/gallery3.htm

It's really just one issue affecting all 3 pages. Same style sheets
for all. They are at:


http://www.toplessdesign.com/BG/site/css/BG_Home.css
http://www.toplessdesign.com/BG/site/css/layout.css
http://www.toplessdesign.com/BG/site...G_Home2IE7.css
http://www.toplessdesign.com/BG/site...G_Home2IE6.css

All css and xhtml validate except for one line in layout.css

I had a friend help me with the layout.css when i first starting the
build of this site about 6 or so months ago. He put this in the
layout.css file at the top:
@charset "utf-8";
/* CSS Document */
<style type="text/css">
@import "all.css";

and then closed it at the bottom:
</style>

I don't know why he did that or if it has to do with anything, but if
i try deleting it, i lose my scroll bar and get an endless amount of
vertical space in ff. I know it's wrong, but i've left it in so far.

Overall though, the pages are great in ff and IE7. I can't figure out
AT ALL where the right-align problem is coming from.

Any help greatly appreciated!

MelvinEthan79 (AT) gmail (DOT) com wrote:

Man, i'm glad to find this forum.

It might not be mutual. I don't want to offend your sensibilities, but I
should tell you that this group is sometimes frequented by, ahem
--what's the polite term these days?-- heterosexuals. This kind of
person may not want to see some of the graphic images to be found at the
URLs provided. "The gay man's guide to porn" won't appeal to every
potential problem-solver here, even if they *do* respond to GG posts.

Seriously, when posting such URLs, it's good form to announce the links
as being NSFW porn pages. Even better is posting a neutral, simplified
form of the pages which display the problem with reduced code.

I'm having a weird right-align issue with IE6. When the page first
loads, it appears almost perfect. When i hit refresh (w/o changing
anything) the right-align issue shows up and stays.

You never say *where* this problem is but I assume you mean the links on
the left side of these pages. You've got some weird hover things going
on there, too, in both IE6 and FF.

I don't know what could be causing changed behavior on refresh, unless
it involves one of your a:visited rule sets. I see that these links seem
to all go to the same page (<a href="#">) so a:visited could well be
coming into play.

http://www.toplessdesign.com/BG/site/css/BG_Home.css
http://www.toplessdesign.com/BG/site/css/layout.css
http://www.toplessdesign.com/BG/site...G_Home2IE7.css
http://www.toplessdesign.com/BG/site...G_Home2IE6.css

All css and xhtml validate except for one line in layout.css

Well, at the moment, my attempts to validate your CSS in layout.css give me:

"Servlet has thrown exception:javax.servlet.ServletException: Timed out"

I have better luck with BG_Home.css, but that's got 51 errors and 1148
warnings.

I had a friend help me with the layout.css when i first starting the
build of this site about 6 or so months ago. He put this in the
layout.css file at the top:
@charset "utf-8";
/* CSS Document */
style type="text/css"
@import "all.css";

and then closed it at the bottom:
/style

I claim you don't need the <style type="text/css"> and </style> tags,
since those are HTML tags and shouldn't appear in a stylesheet. If you
were using embedded CSS in your HTML then, sure. But not here.

I don't know why he did that or if it has to do with anything, but if
i try deleting it, i lose my scroll bar and get an endless amount of
vertical space in ff.

No explanation. Can't reproduce it.

Any help greatly appreciated!

May I offer these comments, then?

Your CSS looks quite overdone to me. Too many rule sets, too many
declarations. Too much pixel-perfect pokery. Too many negative margins.

Especially your IE sheets caught my eye, as they appear to duplicate so
much of your general stylesheets. Simplification might lead to
predictability for you (by way of understandability). At the least, you
could weed out the pointless comments.

Class names like ".revColSevenB" are always a bad sign.

I'll bet you don't really have a font called "san serif". ;-)

XHTML and IE don't go well together, and you're serving as text/html
anyway, so maybe a quick Doctype change to HTML 4.01 strict might
uncomplicate things for you (especially if you're in the early stages of
making a site and only have these three pages).


--
John
Still mindful of the UIP: http://improve-usenet.org/