Forum Moderators: not2easy

Message Too Old, No Replies

I.E 7.0 styling, compared to FF and I.E. 6.0

Internet explorer 7.0, 6.0, FF, styling, css

         

hoodedman

5:23 am on May 26, 2007 (gmt 0)

10+ Year Member



Can someone explain, in a nutshell, how to style IE 7.0?

Im having some problems with spacing around the main titles (H1) and font sizes.

Would appreciate it, a lottt...

SuzyUK

9:54 am on May 26, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi hoodedman and Welciome to WebmasterWorld!

:) If it were possible to explain a nutshell this forum wouldn't be so busy! hehe

In general, IE7 is much more compliant than other IE's. You should design for FF and IE7 should work with very little, if any tweaks.

However the first thing to get right is your Doctype: see #4 in this thread [webmasterworld.com], if you have been using the <xml prolog> at the top of your pages then IE6 and below will have been in Quirks Rendering mode (backwards compatible) but IE7 will be in Strict Rendering Mode. - Overview of Quirks V Standard Modes [webmasterworld.com] - This is often the cause of people noticing big changes in IE7, when they haven't realised the were working with IE in Quirks mode.. it is possible to have IE6 in Standard Rendering mode too!

Sorry if this is not the issue but the clues you gave appear to me to box model issues and the font size is an IE quirks thing too, basically if you can get yourself working in Strict rendering mode you should only be having to tweak the box model and font sizes for IE5.x, which we now recommend you put in a Conditional Comment so it can be left and forgotten about as time moves on!

post your Doctype (everything before <html> at the start of the pages) and we can see if it is a starting point

Suzy

hoodedman

1:52 pm on May 26, 2007 (gmt 0)

10+ Year Member



:) Thanks for your reply Suzy. Appreciate it though to be frank it s not something i could work with like right away. But i am learning...of cos. Here is my doctype (Joomla):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?xml version="1.0" encoding="iso-8859-1"?>

What does this say?