Broken in IE, great everywhere else

Hi JohnO,
IE doesn't support child selectors
You should be able to use #right #pictures instead of

and get the look your after.

Hope that helps

aha.. let me make the change now..

and then we can check that same page to see if it works..

no dice, nothing changed... good try though.. i think the child selector might work in the case of id selecting a regular html tag (like #top>h1) because unless I was mistaken the text was larger... although I could be wrong and that 2em is exactly the size of h1 text... never experimented...

thnx for the try

Hi JohnO,
Can you be more specific about the problem, what I was looking at (white background on the right divs) is fixed.

The difference in space between the right divs could be fixed by using pixels or ems for the margin-top value.
Also you position the right column by floating right and margin-left, If you are floating right why not use margin-right to position it, otherwise floating right is pointless and may cause you other problems later.

Hope that helps.

if you view my page in Netscape or Mozillla, it renders exactly as I want it too.. if you view my page in IE it renders incorrectly... how can I fix it to render in IE exactly as in Netscape or Mozilla?

good point about the float right margin left, but i already have a margin right in there.. the margin left is a hangover from the previous attempt... it is now removed.. so there is float right with a margin right

Hi John0,
You could try adding padding to the container instead of margin on left which will give a more better position.

#container	{ width:100%; padding-left:6%; margin:0;}  
  
#left	{float:left;   background-color:white; width:35%; }  
#middle	{float:left;  margin-left:5%; background-color:white; width:25%; }

for the right column you may want to position it absolutely or float a column before it so you can make use of the space.

By the way in your CSS file you have spelt container with an extra "t" so its not having any affect.

Hope that helps

aha good catch on the container part..

now it breaks everywhere... i'll take away the container totally in the css (but leave it in the HTML it drops the float left down to where I want it).. b/c it was perfect then in Moz/NN...

thnx for all your work so far

next?

OK.. i'm closer

i realized that by taking out container in the HTML, and bumping the float down the same margin as the middle, i fixed that stagger problem.. and the stagger on the right is a tad too much but I can live with that...

now the problem comes with the spacing.. whats the deal? i have the doctype in there.. so that should have fixed the box model problems right?

Hi John0,
Looks like we both have problems seeing things
A few posts back I suggested you use pixels or em for the margin-top values.

Doctypes help a lot but can't fix all of the IE problems.