On 2/08/2009, at 12:13 PM, Brian M. Curran wrote:

> In IE7 it looks perfect.

If something looks right in IE and wrong in any other browser there's  
a good chance you are doing something wrong! Make it work correctly  
first, then find out what ridiculous hoops need to be jumped through  
to force IE to do something sensible.

> I've used notepad to write my website.

I guess your point is that you weren't using a WYSIWIG editor but my  
2c would be to do yourself a favour and choose an editor that has a  
few more features. Just don't ask which one to use here. You'll start  
a religious war.

> I've just got it validated, and it appears perfect in IE7, but there  
> are two problems in Firefox.

Validate your CSS too! You have an HTML comment in there. CSS comments  
go /* my comment */

http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww.brianmcurran.com%2F

 From the looks of it there is a lot of unnecessary floating going on.  
Also, a few elements are set to clear: right for no apparent reason.  
Try removing all the floats and see what happens.

> The page isn't centered in the Firefox browser. Any suggestions for  
> corrections?

The way to centre block level elements is setting margin-left and  
margin-right to auto, rather than text-align: center which is an old  
and redundant trick now that IE5 is effectively gone.

remove text-align: center from body and add...

#bodycontainer { margin: 0 auto; }

Also... don't use <br> to create space. Use padding/margins.


______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to