Topic: CSS problem (I think)

Okay so...the battle continues...haha
My problem is in NN6...There's space where one of my divs should be lining up and I am clueless as to what the problem is. I have been trying to figure out the problem for 2 hours now and I am at a loss. I've done test pages, etc.... Can somebody please help me?
http://www.airplusfootcare.com/2002/pages/sportwork.html

Jeni: I'm not looking at it in NS6 (are you using NS6.0 or a later version? - it could be relevant) so I can't see that problem but in IE5/Win2k there are some big green rectangles (one below your left column and one under the main DIV) but I'm not sure if you are aware of that problem.

If I know which DIV I can nose through the code.

[edit: by the way your page is looking good. This might provide some ideas for the top left hand corner: www.meyerweb.com/eric/css/edge/curvelicious/demo.html
it would take some of the 'squareness' off it]

Emps

[This message has been edited by Emperor (edited 01-29-2002).]

The gap was between topa and maina....topa is shifting up. And no I didn't know about the problem in Win2k. It looked fine in IE5 Windows 98 though. Hmmm.
Thanks for the meyer link...hehe I met him. He's a nice guy....The curve's actually been taken from a package and its a trademarked design, so we himmed and hawed and left it as you see it.

[This message has been edited by Jeni (edited 01-29-2002).]

Jeni: OK I'll take a look.

Screenshots of the problem I can see if you want (things are acting up here so it could be that although I thought I was on top of the problems - I'll check from home).

Meeting him is cool!! What I meant by the squareness was you could curve the text at the top of the left column so sort of ran parallel to the curve of the top left corner (the curve itslef is OK) - just a nice touch rather than something vital.

[edit: Keyword and description metatags??]

Emps

[This message has been edited by Emperor (edited 01-29-2002).]

I gotcha I misunderstood....I'll look into that....and I would love to see screencaps if you get the time. I'm gonna kick this to the side for today as I am htmled out. Time to work on some print stuff. So if you want to wait til you get home to check it out, then that's just peachy. As always, your help is much appreciated.

Jeni: My first thought would be to specifically set the padding to 0px but I doubt that is the problem. I'll have a look later (from home) and see what it looks like.

Emps

Jeni: I can't seem to fire up NS6 tonight to check your problem but I've done a quick browser check from home (WinME):

IE6: Its gets the same big green rectangles as IE5.

Op6: overflow: auto doesn't work in Opera and sometime it degrades OK and sometimes it doesn't and in your case it doesn't. The content goes under the footer (cutting that graphic in half) with the rest of it displayedon the page.

Solutions:

1. The green boxes seem to be due to the footer DIV being pushed out of places and its wrapping onto the next line. If you can get this to work in IE/Mac I would suggest its something to do with IE/Win's poor implementation of the box model pushing your design out of place (see glish for details of the hack).

2. I would experiment with the Op6 problem. The answer may be z-index. Try them on the same setting and see if that pushes the footer down below the end of the DIV with overflow. If not you could set the overflowed DIVs z-index higher but it would cover the email and FAQ link - not good.

Sorry about that - you come with one problem that I can't fix (well try the padding) and I give you two more to take away. You'll need to do some pretty hefty cross-browser testing but it should all be fixable.

Emps


Beware the foreparts of a woman, the hindparts of a mule, and all sides of a priest - English proverb

Appears to have been a bug. We decided to take a different approach and got it working I think....If you could look at it again Emps it'd be appreciated...
I've tested it on IE5 mac, NN 6.2.1 Mac, IE6 windows, NN6 windows.

Jeni: IE5/Win works nicely now. Glad to see the problem is fixed. I presume Opera is still having toruble though.

Emps

Yep, Opera has some problems with that inner frame.

Later,
C:\


~Binary is best~

I need to re-download opera and I'll take a look...Even though it's not a browser that actually normally views the existing site....Thanks for the input guys.