CSS Forum

**davidjfingerlos** · 11-15-2008, 10:20 PM

Hi all. I'm new to both this forum and to CSS. So, if I don't post correctly or ask a stupid question or break the rules somehow, I apologize in advance.

I'm trying to create a website for my (soon to be unemployed) self. It is not a complex site. Here's the URL: http://www.fingerlos.com/test/index.html

The issue is I cannot get the pink and green boxes (divs) to show up side by side in IE6. The code has been validated and it works fine in every browser on Mac and PC except IE6. I've spent five days reading everything online, message boards, books, experimenting, nagging my friends for help. No progress at all. I've tried zooms, z-indexes, clears, resets, doctypes, display inlines... you name it, all to no avail. I don't even have any more hair left to pull out and none of my friends will talk to me now.

It's probably something stupid like a colon or bracket out of place, but after five days I'm desperate to make some progress on this. I've even stripped it down and rebuilt it three times to trouble shoot it. As soon as I get to these two side-by-side divs things just go haywire (again only in IE6 on a PC running Windows XP).

Can someone out there help me?

Thank you.

dave.f

**serandfae** · 11-15-2008, 10:56 PM

Take this out of the <html> element:
xml:lang="en-us" lang="en-us"

You've also tripped IE6's infamous doubled-float margin bug, because you have a float:left; along with a margin-left;. In conditional comments for IE6, specify display:inline; in your menu ID rules. IE6 is also not recognizing your PNG fix script, so you might want to try lte in the conditional comment you already have, or have conditional comments specifically for each browser. You also need to move that extraneous script to the head.

tim

**davidjfingerlos** · 11-15-2008, 11:34 PM

Take this out of the <html> element:
xml:lang="en-us" lang="en-us"

check: leftover from experimenting with DOCTYPEs DOH!

display:inline;

check: tinkered with that, but didn't seem to work

IE6 is also not recognizing your PNG fix script

check: added IE6 conditional comment

move that extraneous script to the head.

not sure: my impression is google requires those scripts to be at the end of the html. i'm new at this so if i'm wrong, you can taunt me.

Thank you for your assistance. I'm not sure if the display:inline; worked. when i call up the site in IE6 (Windows XP) on my Mac, it looks right, but when I refresh, the pink box jumps all the way to the left side of the wrapper. I'll have to ask my PC using friends what they see in the morning... if they will still answer my calls!

I really appreciate your help.

djf

**serandfae** · 11-16-2008, 10:44 AM

It's lining up OK in IE6, though the PNG fix isn't working right (still showing a grey background), and it looks OK in IE7, but lordy, what a mess in FF! You didn't put the display:inline; for the menu ONLY in conditional comments for IE6....don't know what other changes you made, but I hope you saved the changes as a separate file.

tim

**Brian07002** · 11:58 AM

Quote:

Originally Posted by davidjfingerlos

Hi all. I'm new to both this forum and to CSS. So, if I don't post correctly or ask a stupid question or break the rules somehow, I apologize in advance.

I'm trying to create a website for my (soon to be unemployed) self. It is not a complex site. Here's the URL: http://www.fingerlos.com/test/index.html

The issue is I cannot get the pink and green boxes (divs) to show up side by side in IE6. The code has been validated and it works fine in every browser on Mac and PC except IE6. I've spent five days reading everything online, message boards, books, experimenting, nagging my friends for help. No progress at all. I've tried zooms, z-indexes, clears, resets, doctypes, display inlines... you name it, all to no avail. I don't even have any more hair left to pull out and none of my friends will talk to me now.

It's probably something stupid like a colon or bracket out of place, but after five days I'm desperate to make some progress on this. I've even stripped it down and rebuilt it three times to trouble shoot it. As soon as I get to these two side-by-side divs things just go haywire (again only in IE6 on a PC running Windows XP).

Can someone out there help me?

Thank you.

dave.f

Soon to be unemployed? Where is it that you work? I'll take your position, as I have been out of work for quite some time

To add to your original question, have you tried using a gui editor such as dreamweaver to accomplish this task? It's seems pretty easy what you need done, but your right, prob. just some missing tag of some kind...Try aligning with tables if you want. They don't hurt

**LadynRed** · 11-17-2008, 09:50 AM

Quote:

Try aligning with tables if you want. They don't hurt

Lord NO, don't go that route - that would be going BACKWARDS!!

**davidjfingerlos** · 11-17-2008, 02:07 PM

Thanks for the input everyone.

I've given up and totally scrapped that design and started another. It's a pretty brainless layout, but at this point I need to get my portfolio up instead of tearing my hair out over IE6 issues.

Cherrio.

djf