Site Reference Forums

I don't have IE7 so i can't see what's missing (working on ubuntu)

I can see that you have some empty divs - could these be your problem?

You've got 4 a tags before the doc type and opening html tag

without knowing exactly what's wrong this is all i'm going to give you on this one

I took a look at the page, and it looks like you have #contentGreen outside of the boundaries of #content using a negative margin.  Now while you should be able to do that, we all know that Internet Explorer doesn't always do what it should.

Have you considered using absolute positioning instead of floats?  Since #wrapperOne is already positioned, any positioning of elements inside it (such as #contentGreen) will be relative to that.  You can set z-index higher to make one element overlap another.  One thing to remember when using positioning like this is that the rest of the page no longer knows where the positioned element is, so won't wrap around it.  This means you'd have to set margins on other elements to keep them from falling underneath the positioned elements.  Positioning may give you more freedom to place those elements as you want them.

For example, you could change the css for #contentGreen to this:

#contentGreen {

background:transparent url(../assets/sustainable_forest2.gif) no-repeat scroll left top;

position:absolute;

right:30px;

top:90px;

height:350px;

margin:0;

width:241px;

}

Of course you'd have to do something similar to #contentOptional so that it didn't slip underneath #contentGreen.

Last edited by Steven_A_S (2007-10-17 15:20:37)

Hmm... object positioning should be relative to a positioned wrapper instead of the whole body.  But as long as you got it working, it doesn't really matter how.

as far as the empty divs, I usually add a   just in case so that the browser doesn't throw out the empty container.  Whether it's needed or not, I couldn't say

Last edited by Steven_A_S (2007-10-17 16:56:02)

Hmm, hadn't thought about that.  Is max-width widely supported? I haven't used it - I'll try that tomorrow and let you know how it goes.  I've used min-width and it worked great but only in Firefox.  I now seem to have a problem in IE 6.0 -- gotta love Internet Explorer. 

Thanks everyone for the responses, fix one problem find three more.  It would help if I would stick with the same kind of coding each time but I always seem to have to experiment.  I'll get out the CSS book tomorrow and see if I can make some better mistakes. :-D 

Right now we're about to get some tornadoes and severe thunderstorms - it's looked really wicked out of my office window right now let me tell ya!  This southern girl is going to shut down her computers!

Cheers,

Seven

Seven wrote:

It would help if I would stick with the same kind of coding each time but I always seem to have to experiment.
Seven

Ain't anything wrong with experimenting with code.  It's the designers that don't experiment that I worry about.  It's how I figured out some of the tricks in my pages.

Experimenting,

Is that not what is done every time we do something with CSS and IE.

I will usually use an empty div on new designs or when "experimenting".  When I have the page I want I then back up and start removing the empty divs. I have found that a lot of the IE issues will show up this way.

Course you gotta remember that I use FP and all my CSS has to be written by hand.