Quote:
Originally Posted by Industrialzone
Hello Tal,
Thanks for the reply.
Do you know why this error occurs...the same website is working fine in my development server where all the buttons are displayed.
The browser used is IE7.
|
Because IE7 and below doesn't comply with web standards set by the w3c.
All you really need to know is that IE7 and below will
always need a seperate css file.
Firefox complies with the standards and generally its a good idea to design in that first. Then once you get the site looking like what you want, then make an IE7 css file and change what needs to be.
IE6 will also need a different css than IE7 and the normal one.
See why IE sucks? :P
But my tips to get this fixed
1) Download firefox
http://www.mozilla.com/firefox/
2) Get firebug (an addon for firefox)
https://addons.mozilla.org/en-US/firefox/addon/1843
This will let you change css and html code in firefox. This is essential and is a VERY useful add-on.
3) Start hacking the top right buttons into the bottom ones css.
4) Once it looks good, open up the css file and copy the changes over.
Thats how I design. When its looking all spiffy in firefox and working like you want, check it out in IE8. If it doesnt look good, theres some code somewhere like
<!--[if IE 6]>
HTML that only executes in IE6
<![endif]-->
That will let you set specific css files per IE version.
IE8 has a built-in thing like firebug, just press F12 to get it. Its not as fast or versatile as firebug, but its better than nothing.
Once its good in IE8, turn compatability mode on. This will use IE7 standards.
Same concept as above with the code.
Once good in IE7, if you want you can make an IE6 css or just check this out:
http://ie6update.com/