css displaying differently in dreamweaver, ie & ff

SooTyLaD

SooTyLaD

SooTyLaD

Soldato
Joined
19 Oct 2002
Posts
3,480
ok, i've tried to comply with the standards, used a strict XHTML dtd and stuck in the odd hack but still they all look completely different! - its so hard to develop and accomodate all these different interpretations!

has anyone got any advice/good links etc with advice on development techniques that work all the time?
 
Depends what you're doing. Post some stuff you're having problems with as it might be easily fixable. Don't know how much you know already, but for example padding/margin issues can be sorted with a little * {padding:0;margin:0;} at the start.

Yeh post some code, haven't got any links with that sort of info. Go with trial and error usually :)
 
Don't rely on DW for visual layout of your site, infact ignore DW design view - always preview the site in your browser.

Get your site working/looking how you want it in firefox then see what doesn;t look/work right in IE and work around with IE hacks.
 
I dont like hacks at all. It may be necessary if its a high priority user requirement but only then would i consider it.

As said above, dont use dreamweavers design view, test as you go with FF and IE to see how changes affect each browser. This testing as you go may be lengthy but ultimately it means you have a website that works across the two main browsers at the moment. You should also be testing with IE7 as well though i think.

Does anyone know if you can have IE 6 and 7 on your pc at once for testing?
 
gord said:
Does anyone know if you can have IE 6 and 7 on your pc at once for testing?
Click to expand...
Yes, you can. MS are going to be releasing (or may already have) a method to allow this at some point. There is an existing, hacky, method to do it knocking around, but I go for the easy option and have several virtual machines running (http://www.vmware.com/), with XP IE6/7, Win2k IE6 etc.
 
I have had CSS problems between FF and IE with some sites I've made. Its quite difficult to get it working correctly across all browsers.

The IFIE tag can come in handy occasionally, but more often than not, IE wont display it correctly.

Think its down to IE's inability to handle CSS properly. I was told that IE7 could handle CSS better, but have yet to see this myself.
 
IE7 is how it should be, I have yet to make something it doesn't render properly.

Edit: not great :/ and acid2 looks garbled.

 
Last edited:
Dreamweaver isn't even a browser, so don't worry about the rendering there.

Firefox is the most standards compliant one and you should develop for that first and IE second, as IE has loads more problems with CSS rendering.

For a full set of browsers: http://tredosoft.com/Multiple_IE

It's really down to knowing the workarounds for each browsers and what layout methods you're using.

Some popular ones to google about are;

HasLayout (IE5,6,7)
Double margin bug (IE 5,6)
Tan hack (IE5,6,7)
Box model (IE5)
 
You must log in or register to reply here.
Back
Top Bottom