4 replies [Last post]
Bungopolis
Offline
newbie
Last seen: 18 years 8 weeks ago
Joined: 2003-08-21
Posts: 5
Points: 0

1. My site works fine with IE. With Netscape, Safari, and Opera, it does not. It seems like everything but IE, with my current design, doesn't correctly place content in the 3 main blocks (header, content, footer) and instead displays those 3 at the top and the rest in the wrong place. I believe its a problem with the float element.

2. On the 'home' page, in IE, and probably the others, you can see that the right column has fallen all the way to the bottom of the page, underneath the end of the center column's content. This only happens when the content of that column includes bold (i'm using <cite> with CSS) text.

Also, if anybody knows a way that you can insert characters into a form with buttons (exactly in the way that the bold, italic, quote, etc. buttons in this BB interface work), let me know.

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

Floating columns : works fine in IE -- compatibility issues!

Hi Bungopolis,
First thing I would suggest is to use a valid doctype so ie renders in strict mode.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Then make sure the widths of the floated divs have been calculated correctly.

Hope that helps

Bungopolis
Offline
newbie
Last seen: 18 years 8 weeks ago
Joined: 2003-08-21
Posts: 5
Points: 0

Floating columns : works fine in IE -- compatibility issues!

Cant switch to strict as I am using transitional (just to be sure I changed the tag, and it goes insane... and no longer validates at w3). My widths are properly calculated. Even if they werent, I cant see why that right column would fall down when its bold.

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

Floating columns : works fine in IE -- compatibility issues!

Hi Bungopolis,
It wouldn't be hard to fix the page so that it renders in strict mode and it would be then easier to work with.
This is the doctype you should be using for 4.01 Transitional:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
Note the last part (absolute path to the data type definition) is missing from your declaration. It wont fix your problem but at least it would then be correctly specified.

A couple of things that may help:
    change the width of input from 100% to 40px; comment out any left and right margin and padding and borders.
    then if it all fits in place uncomment them one at a time
Hope that helps

[/]
Bungopolis
Offline
newbie
Last seen: 18 years 8 weeks ago
Joined: 2003-08-21
Posts: 5
Points: 0

Floating columns : works fine in IE -- compatibility issues!

You're on track about the margin/padding. IE has two main problems... 1. it renders margins and padding incorrectly, and 2. it considers floating elements part of the flow. Correct browsers do not consider floating elements part of the flow. There is, however, a fix and it ca be found at http://www.webmasterworld.com/forum83/1725.htm

thanks for your help!