[Typo3] Typo3+Netscape

Tyler Kraft headhunterxiii at yahoo.ca
Tue Sep 27 13:30:52 CEST 2005


True that T3 puts in the doc type and one has to allow for this and 
ensue its correct but having 2 CSS files...

This is a poor way of addressing the issue...

Yes it is essential to start with a W3C template but why fork the CSS 
(as has previously been suggested) to handle one specific browser. 
Instead you could ACTUALLY learn CSS and using a few simple CSS hacks to 
achieve the same thing.

True IE doesn't handle min/max-height/width but with good css you can 
achieve the same thing in IE.  IE treats height as if it were min-height 
and using overflow:hidden; you can achieve max-height/width (or even 
achieve a scrolling div that mimics a iframe if you want).

IE6 is actually relatively CSS compliant, and with IE7 there will of 
course be problems (it is M$ so its rubbish by nature) but one has to 
assume that the CSS support will only get better and better - especially 
as they now have much more compliant with the likes of firefox and 
various other browsers. And it is entirely possible to achieve the same 
layout and look from browser to browser - even in IE5 provided you 
aren't trying to do anything crazy with the css - as I do it all the 
time... Or maybe I've just gotten to good at CSS ;-)

Forget different CSS files - just learn a few things that are anomalies 
in CSS - box model (for IE5), Netscape float issue, IE double float 
issue and a few simple hacks and then everything will layout fine in all 
browsers using CSS layout.

Yes ideally this isn't perfect - a hack never is. But I think it is a 
better option than having two CSS files and having to make alterations 
to both of them.  And again I think it is better than having to use a 
browser specific conditional...

Just my 0.02£

Tyler


Horn Gábor wrote:
> Hi,
> 
> having a doctype in th template is not enough, as typo adds its own 
> deoctype declaration. So instead of the template file i usually define 
> it in the root template:
> 
> page.config.doctype = <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 
> Transitional//EN" 
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> 
> And althought it helps (as u correctly sad it forces IE to follow the 
> appropriate doctype standards), it won't guarantee same appearance, 
> simply because a modern template is layouted via css and not table, and 
> IE has serious issues with css support (it even doesnt understand such 
> basick properties as min-height or max-width).
> 
> So what you should do is first make a w3c valid template file and check 
> it in more platforms and browsers, and it it's okay everywhere (maybe 
> with conditional css etc) then simply set the above page.config.doctype 
> and optionally the include for different css files if needed (althought 
> i would suggest avoid it, and do it on css level if absoultelly 
> necessary ort you might have problems in the future eg with ie 7.0) and 
> you are done.
> 
> bye, hirisov
> 
> Dmitry Dulepov írta:
> 
>> Hi!
>>
>> Alexander Heidl wrote:
>>
>>>     <!-- IE and standards... It seems impossible. -->
>>
>>
>>
>> It is possible if you turn MSIE into full standards mode using DOCTYPE
>> declaration. Given that your page validates with w3c, it will be shown
>> absolutely identical in the following browsers:
>>     IE 6.0 (standards mode)
>>     FireFox 1.x (Win/Lin)
>>     Netscape 7.x
>>     Mozilla 1.x (Win/Lin)
>>     Opera 7.20+ (Win/Lin)
>>
>> This is the basic set of browsers that I use for testing.
>>
>> Dmitry.



More information about the TYPO3-english mailing list