Please help...

site: www.creative-synthesis.com

So my site is slowly but surely coming together...I have yet to add a little more content and shift around some layouts, but overall I am pretty pleased, and have been expecting to have it pretty much "finished" by tonight for the exception of some color management issues and finding a different email form.

My biggest issue right now is compatibility with firefox and especially IE6.
In IE, my buttons (except for home) completely disappear and I have no idea why! Please, please help me figure out what is going on. To my knowledge there is nothing different about "home" that makes it show up correctly...but there has to be something?

Also in both firefox and IE6 there is this nasty blue scroll bar where the content is. I have no idea why that div is getting a scroll bar...It doesn't make since to me.

I designed the site in safari- so if you want to see how "it's supposed to look" please check that out as well.

Thank you so much for your time and help!!!

April

P.S. If you have any extra time to poke around, I still don't know why my "previous" and "next" buttons aren't coming up on my portfolio pictures...and yes those links are supposed to be there, I am not done adding content yet.

In IE, my buttons (except for home) completely disappear and I have no idea why!

In IE6, they're stacked vertically, and that is because IE6 does not support display:inline-block, and I'm not sure IE7 supports it either. What version of IE are you using ?

The scrollbar is coming from the overflow on #white, but it also clears the floats that are inside of #white. It also happens when you put a defined height on things in combination with the overflow: auto. I'll have to dig in a bit more.

On the prev/next graphics for Lightbox, check this in the lightbox.css file:

#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

Make sure the path is correct. If the images are in the same folder as the JS, then you may need to remove the images/ from the path.

Wow that is all super frustrating. I had no idea IE6 and 7 doesn't support inline...what are you supposed to do then? I was trained to do buttons that way in school... I am not sure what IE I am using where do you find that out? I am usually on my mac side, but I flipped over to see how things were looking in the infamous Internet Explorer.

Hmmm...so it looks like that solution is functional but not aesthetically pleasing. Do you know of another way to make the div white clear properly without the bar?

Okay I shall check there in my code thank you very much.

April

I had no idea IE6 and 7 doesn't support inline.

The do, just not display: inline-block - big difference.

I am not sure what IE I am using where do you find that out?

On the menu bar, go to Help, About - a box will come up with version information in it.

Do you know of another way to make the div white clear properly without the bar?

I'm sure there's a solution, I just have to dig into it a bit more.

Alright, well I am going to work on things today...hopefully get it completely sorted out. If anyone knows how to clear a div and avoid getting a nasty side bar on that div please let me know. Also, how are you supposed to do inline in IE? Is it just display inline instead of inline block? Because I had to use inline block for safari to show up right- of course I believe there is special code to call out specific browsers so I may have to use that...? Thank you.

Update: I think I fixed the scroll-bar issue. It's a simple fix. In your CSS simply find the element that has the scroll bar that you don't like and then add the command

scrollbar: none;

Now if i can get the windows issue figured out I will be well on my way...Also, does anyone know what the deal is with firefox spacing things differently than safari- it's most frustrating...

Most recent Update: Okay this is odd and I am not sure why this is happening:

The scrollbar: none; does work, but only after I click on home does it disappear. When the page first loads the bar is still there- even though it is css code and not html (aka that would make since since I could have something on the home.html that is different than what my index.html is saying)- But they are the same for one exception. I have a call out for an IE css page- Could this be the culprit?

I just realized how odd it is for my index/home pages to have a scroll bar at all- yes, my #white is set to overflow... but none of my other pages are having any issues whatsoever, and that div is consistent on each page. For some reason only my first (and most important! of course...) page is showing up with this stubborn scroll bar. Why? And why is it showing up then disappearing...I just can't figure out what is making it come up in the first place. Please help.

Okay so the scroll bar is probable fixed- haven't gotten to mess with the code yet, but it should be fine.

However, I tried to modify code for internet explorer- and initially it shows all of the correct buttons when it loads...you press on one and it takes you to the correct page but all of the other buttons disappear! Does anyone have a solution to this problem?!

Oh, and I am using IE7, but I would like it to also work in 6.

Just wanted to let you know that I solved my own problem. Thanks though.