Charles wrote:
>How can i make this webpage display same thing in all browser.
> It seem fine in IE but doesnt look good in other browser since the
> navigation bar on top always spans to the right.
> www.e-creationz.co.uk/eye4film/index.htm
> I would require help to this one fron anyone.
> Thanks
> Charles.
>
Hi Charles,
I first checked the html-validator, to see if by accident there was an
error in the code.
Wow! and Oops! and Oh! It says a lot...
<http://validator.w3.org/check?uri=http%3A%2F%2Fwww.e-creationz.co.uk%2Feye4film%2Findex.htm&charset=%28detect+automatically%29&doctype=Inline&ss=1&verbose=1>
Second I opened the file, and I found the culprit:
*
<META content="Microsoft FrontPage 5.0" name=GENERATOR>
It happens that FP is making quite a lot of IE-only codes, which are not
valid html > then the (almost) html-standards compliant browsers like
Firefox and Opera do neglect the IE-things and cannot display your page
in the way you designed it in FP.....
Back to your question. :-)
Adding {position:absolute; top: 120px; margin-left: 40px;} to the
.navbar styles will display it more crossbrowser (tested in Firefox and
Opera).
But I'm afraid all the other things still need a lot of work... (the
html-validator is analyzing and giving some suggestions). Think the best
should be a total redesign, getting rid of all tables, and adding proper
css [1] for the styles of the containers...
(and perhaps some study of css)
Good luck!
francky
[1] There is a css-validator <http://jigsaw.w3.org/css-validator/> too,
which can give helpful tips.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
