You are here: Re: Page look on Firefox 1.5 / IE 6/7 - CSS problem « HTML « IT news, forums, messages
Re: Page look on Firefox 1.5 / IE 6/7 - CSS problem

Posted by Gιrard Talbot on 11/23/95 11:41

Alexander Nagelmann wrote :
> HI everybody!
>
> I'm working on a church website project at the moment.
> I'm using Dreamweaver 8 for coding.

Why pay $400US when you can use a free, open-source, web-standards
compliant, community-driven, extensible HTML editor software like Nvu?

To download: http://www.nvu.com/

To use the User Guide: http://nvudev.com/guide/1.0PR/ugs01.htm

The page is based on PHP.
> For positing and characterizing elements we use CSS.

You use table to layout elements more than you use CSS, I'd say.


> First of all have a look at the page:
>
> http://minipage.nagelmann.info/index.php
>
> On Firefox 1.5 everything looks pretty fine,

Recommendation: install HTML Validator (based on Tidy) as an extension
for Firefox 1.5:

HTML Validator (based on Tidy)
http://users.skynet.be/mgueury/mozilla/index.html

It will report errors and will warn you about bad coding practices.
It will *not* replace the necessary checking with the W3C HTML
validator. You still and definitely need to check your markup code with
the W3C HTML validator.

but Internet Explorer
> 6 and the BETA 7 presents the page in total different way, perhaps
> because of interpreting CSS in a wrong way.
>

2nd recommendation: always use the W3C HTML validator and W3C CSS
validator to spot+correct errors. There are lots of errors in your page.
Johnathan N. Little is absolutely 100% right. Use a strict DTD, HTML
4.01. Don't use a transitional DTD and don't use XHTML unless you *know*
why you do this and unless you really need to do this.

3rd recommendation:
Also, avoid creating page layout based on table design. Even your
DreamWeaver friends would tell you the same:

"tables do a pretty lousy job of page construction. Among their
shortcomings is the implied bias of the code towards presentation rather
than structure, the necessity to nest tables in order to achieve the
most basic of layouts, and enough redundant bandwidth-hogging tags to
feed a large family of tag eating monsters for literally a month."
Tableless layout with DreamWeaver
http://www.macromedia.com/devnet/mx/dreamweaver/articles/tableless_layout.html


4th recommendation:
Avoid using pt unit or px unit when defining font-size

"Do not specify the font-size in pt, or other absolute length units.
They render inconsistently across platforms and can't be resized by the
User Agent (e.g browser).
Use relative length units such as percent (...)"
W3C Quality Assurance tip for webmasters:
Care with Font Size: Recommended practices
http://www.w3.org/QA/Tips/font-size#goodpractice

More help can be found at the links in this page:

http://www.gtalbot.org/NvuSection/NvuWebDesignTips/

GΓ©rard
--
remove blah to email me

 

Navigation:

[Reply to this message]


УдалСнная Ρ€Π°Π±ΠΎΡ‚Π° для программистов  •  Как Π·Π°Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π° Google AdSense  •  England, UK  •  ΡΡ‚Π°Ρ‚ΡŒΠΈ Π½Π° английском  •  PHP MySQL CMS Apache Oscommerce  •  Online Business Knowledge Base  •  DVD MP3 AVI MP4 players codecs conversion help
Home  •  Search  •  Site Map  •  Set as Homepage  •  Add to Favourites

Copyright © 2005-2006 Powered by Custom PHP Programming

Π‘Π°ΠΉΡ‚ ΠΈΠ·Π³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½ Π² Π‘Ρ‚ΡƒΠ΄ΠΈΠΈ Π’Π°Π»Π΅Π½Ρ‚ΠΈΠ½Π° ΠŸΠ΅Ρ‚Ρ€ΡƒΡ‡Π΅ΠΊΠ°
ΠΈΠ·Π³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π²Π΅Π±-сайтов, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния, поисковая оптимизация