firefox and google chrome problems with float

[bari]

Please can some body help, the following doesnt render properly on firefox and chrome but works perfectly on IE.

#rightColumn {margin-left:768px; width:200px; top:0; float:right;}

[D_Blackwell]

Welcome bari.

By itself, the declaration doesn't seem to make sense. You are positioning to the right with margin: and float: - Why both? I would pick one.

The top: looks kind of screwy also. Does it need positioning this way? Why not the simpler margin: ?

At any rate, I am not seeing significant rendering difference in FF 3.5.1 and IE7. Which version IE is 'perfect.?

[bari]

thank you D_blackwell. i use IE7 herez a link to the file, u can open in both browsers, pls u can also check the source code, maybe i am doing something wrong. <snip>

[edited by: swa66 at 8:59 am (utc) on Nov. 17, 2009]
[edit reason] Link removal, please see ToS and Forum Charter [/edit]

[D_Blackwell]

The personal links are going to get chopped, so I cannot really use as a reference.

There could be several options to work with.

My recommendation is to strip the HTML and CSS down to the problem itself by commenting out extraneous markup unrelated to the problem. If the fix is not found during this process, post the test ready code that replicates the problem and we will look at the options.

#1 - Validated code prevents and fixes a lot of problems. Validate your code. That will avoid, eliminate, or rule out many problems.

W3C (X)HTML Validator [validator.w3.org]

W3C CSS Validator [jigsaw.w3.org]

XHTML:
37 Errors, 9 warnings

CSS:
10 Errors, 125 warnings