8 replies [Last post]
JohnO
Offline
Regular
Rochester NY
Last seen: 17 years 20 weeks ago
Rochester NY
Timezone: GMT-5
Joined: 2003-12-18
Posts: 16
Points: 0

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?

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 6 days 6 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Broken in IE, great everywhere else

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

Quote:
#right>#pictures
and get the look your after.

Hope that helps

JohnO
Offline
Regular
Rochester NY
Last seen: 17 years 20 weeks ago
Rochester NY
Timezone: GMT-5
Joined: 2003-12-18
Posts: 16
Points: 0

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

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 6 days 6 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

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.

JohnO
Offline
Regular
Rochester NY
Last seen: 17 years 20 weeks ago
Rochester NY
Timezone: GMT-5
Joined: 2003-12-18
Posts: 16
Points: 0

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

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 6 days 6 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

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

JohnO
Offline
Regular
Rochester NY
Last seen: 17 years 20 weeks ago
Rochester NY
Timezone: GMT-5
Joined: 2003-12-18
Posts: 16
Points: 0

Broken in IE, great everywhere else

aha good catch on the container part.. Sad

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?

JohnO
Offline
Regular
Rochester NY
Last seen: 17 years 20 weeks ago
Rochester NY
Timezone: GMT-5
Joined: 2003-12-18
Posts: 16
Points: 0

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?

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 6 days 6 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Broken in IE, great everywhere else

Hi John0,
Looks like we both have problems seeing things Smile
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.