http://www.rit.edu/~jho8344/hgo/index.html
ain't it always the case? IE breaks it (although not as bad as it was broken at first.. ), Mozilla and Netscape is how I want it to look...
comments/suggestions?
Broken in IE, great everywhere else
Hi JohnO,
IE doesn't support child selectors
You should be able to use #right #pictures
instead of
#right>#pictures
Hope that helps
Broken in IE, great everywhere else
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
Broken in IE, great everywhere else
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.
Broken in IE, great everywhere else
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
Broken in IE, great everywhere else
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
Broken in IE, great everywhere else
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?
Broken in IE, great everywhere else
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?
Broken in IE, great everywhere else
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.