positioning problem

[akninshar]

I've made a page using css positionning which works fine in IE but seems to add padding to the elements in Fx and Ns, and will also add a huge space over the main table in opera. Can anyone tell me why and how to fix it?



http://www.geocities.com/mapitamtam//expo.htm

[felgall]

The code that Geocities is adding to the top of your page to display their advertising is forcing IE int quirks mode so that it will treat much of the stylesheet coding in a totally non-standard way. Since you don't have control over tis the only solution is to set up two separate stylesheets - one for IE with its quirks mode proprietary way of doing things and a second for standards compliant browsers.

[WebJoel]

There are some 94 'warnings' (most of which are from that generated code from your host, -not your fault), proprietary and some deprecated tags, a few 'missing-expected "</a>" ' tags (okay, -this is rather important and should be treated as an 'error', not a 'warning'), but the following 'warning' should be enough to make this not work at all

<a href"#"><img src="images/menutransparentbas.gif" name="menutransparentbas" border="0" usemap="#menutest"></a>

-You are missing the " = " sign. :o

[akninshar]

felgall : thanks for the advice, I'll look into it. any suggestions of good articles on how to do it? (still quite new to css)

and another thing: I find it strange that the page is actualy looking has it should in IE and doing strange things in all other browsers since, from what you said, the problem should only occure in IE. for exemple, the main image of the image map is displayed has : relative and so should logicaly be in the same place for every browser except IE, why does it do the exact opposite?

WebJoel : thanks for pointing it out. by the way, what program are you using to check the code?

[WebJoel]

....I find it strange that the page is actualy looking has it should in IE and doing strange things in all other browsers since, from what you said, the problem should only occure in IE. ...
....by the way, what program are you using to check the code?

I tend to worry when a page displays perfectly in IE and not in Firefox, -I always assume that IE is incorrectly displaying bad code the way it assumes I wanted it to be. Firefox (and Mozilla, Opera, NS, Konquerer, Seamonkey etc etc the 'compliant' browsers) are only going to show me the code the way that I wrote it, -errors and everything. :o

Do you have "Firefox" the browser? If not, go to the Mozilla site and get your free browser "Firefox 2.0.0.1" (it's the newest version). Then, look for and install the free 'extention' called "HTML Validator by TIDY", also free and it installs seamlessly by merely clicking it. This is an HTML parser, when installed, you hit the toolbar tabs "VIEW -> SOURCE" on Firefox to 'view the web page code', TIDY shows you your code in linear format (on numbered lines), shadow-highlighting numbered error lines and warnings. "Errors" it cannot understand nor can it fix them (in case it does so incorrectly, which would make things worse), but it CAN correct your "warnings", -things like un-closed/missing tags, tags in incorrect order, invalid use of nesting (using a block-level tag inside of a inline tag, e.g., -trying to put a <h1>text</h1> inside of a <span></span> is such a violation as the block-level tag forces a 'new line' soley for itself).
There is a 'clean up your code' button, and TIDY will repair to the best of it's ability, all of your 'warnings' (I prefer to call them "error-lites" because they are like "little errors"). -I have used it to 'correct' several HUNDRED 'warnings' on a single postee's code. -All with just one click! :) It may not make the page display correctly, but "validating" is the first, best step to make your HTML page work right. Once the 'warnings' are healed, you can address the bona~fide "errors" and TIDY shows URL to resources that explain what the error is (and you have to fix it yourself).
This is a major, major tool that no web developer should be without. :)

[changintimes]

i just found out that Firefox 2.0.0.2 is now the latest version,

[WebJoel]

i just found out that Firefox 2.0.0.2 is now the latest version, Yes... when I signed-off last night after writing that, Mozilla notified me of the current availablity of the Fx v.2.0.0.2 upgrade, which I accepted and this morning on start-up, finisihed installation & upgraded automatically. :D