html-tips voor het maken van je site

renevanh schreef:

AboutDJ is gemaakt met Joomla. Dat betekend dus dat Joomla vrij goed is en een code kan genereren die ervoor zorgt dat in alle browser de boel er hetzelfde uitziet en dat de XHTML en CSSnog W3C valide is ook. Pluim voor Joomla (en voor de designer die weet hoe hij/zij het moet gebruiken).

Maar geen hacks? Ik weet niet hoe je dat kan zeggen, maar kijk eens naar de CSS.
Het gebruik van !important bij positionering is redelijk riskant en een oudere versie van IE (ouder van IE6) kan er bij verkeerd gebruik behoorlijk van over z'n nek gaan.

renevanh schreef:

Een browser die zich niet aan de CSS standaards houdt en/of niet goed met CSS kan omgaan (en dat is niet alleen IE, Konqueror kan er soms ook wat van) is niet iets waar je je als ontwikkelaar op moet gaan richten vind ik. Dit is een probleem van MS en van de gebruiker die ervoor kiest om IE te gebruiken.
Ter illustratie: Als op elke PC standaard een Linux distro zou draaien met FF en er zou maar een kleine groep Windows gebruikers met IE zijn, zouden we dan moeilijk doen om ervoor te zorgen dat die IE minderheid ook te zien krijgt wat de mensen met FF te zien krijgen? Ik denk het niet. Omdat IE standaard in Windows zit, en iedereen Windows op z'n PC heeft staan bij aankoop moeten we ons er opeens druk over gaan maken, maar eigenlijk klopt dat niet.

big bang schreef:

Probleem met floaten is dat dat alleen werkt wanneer ik de content een vaste breedte meegeef, terwijl je dat eigenlijk niet wilt. Desalnietemin ga ik er eens naar kijken.

big bang schreef:

Site
CSS

#container {
position: relative;
min-height: 100%;
/* height: 100%;*/
}

#container {
position: relative;
min-height: 100%; /*werkt niet in IE 5/6 */
height: 100%; /*zorgt ervoor dat het er in IE 5/6 ook goed uitziet*/
}

/*hack om de boel in firefox e.d. vervolgens weer te laten werken*/
html>body #container {
height: auto;
min-height:100%;
}

Reind schreef:

Als ik moet kiezen tussen compatible zijn met IE of met Firefox kies ik voor IE. Om de doodsimpele reden dat je niet om IE heen kunt en Firefox en alle andere alternatieven maar een klein marktaandeel hebben. Als je dus niet IE compatible ontwikkeld snij je jezelf keihard in de vingers.

renevanh schreef:

Dat lijkt nu zo, maar over een jaar ofzo komt MS met IE7.5 (IE8, weet ik veel) die ineens wel aan de standaarden blijkt te voldoen.
Kun jij mooi je website opnieuw gaan bouwen voor die IE7.5/IE8 gebruikers, waardoor de IE6/IE7 gebruikers weer in de problemen komen.

IE7 is technisch al een behoorlijke vooruitgang ten opzichte van IE6 (veel beter aan de standaarden, sneller, enz). Toch zijn er nog genoeg mensen die een oudere versie gebruiken, en hoe beter MS zich aan de standaarden gaat houden, hoe moeilijker het wordt om een CSS layout te maken die altijd werkt.

Daarom de tip die ik in het begin gaf: browserdetect scriptje en een aangepaste .css voor IE. Mocht iedereen massaal overgaan op IE7.5/IE8, dan hoef je enkel /* voor het script en */ na het script neer te zetten, en klaar.

René

big bang schreef:

Het Werkt (bijna)! Alleen dat ene witte streepje onderaan in IE krijg ik nog niet weg.

Reind schreef:

Zo maar even een idee (weet niet of het werkt), geef je footer eens een bottom margin van 0 of -1 mee.

En nu nog even netjes je oranje streep door trekken van het menu compleet naar je footer, deze stopt nu halverwege de pagina namelijk. Faux Columns is je vriend in dat geval ;-)