Site looks fine in Firefox and Safari Everything is left aligned in IE. Can anyone help with this? thanks for your help I've attached the css code http://decandstephbuckley.com/popcasting/
You *MUST* use a DOCTYPE, or else browsers go into quirks mode and they will attempt to render it in their own way (not conforming to standards, etc). I recommend XHTML Transitional for you. http://205.209.146.77/foobar.html ^^^ Your site with a DTD. P.S, why are you using application/xhtml+xml?
DOCTYPE...ahhh. thank you I'd copied the META top from the orig site (not designed by me) what do you reccomend putting in?
Well, application/xhtml+xml is REAL XHTML, which fails if there's even one error, that's why I would not send application/xhtml+xml, but it looks like your server is sending the *real* header as text/html, would only be fitting to match it <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> ^ Is pretty much the standard now. Not that you really need to change it, but it would just confuse people such as myself when viewing your source code.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> </body> </html>
Err, you can get rid of the <base /> element I added, that was just so all the images and crap could show up on the test page I made.
Actually the character encoding must match the one being sent by the server. It doesn't matter if you use UTF-8 or ISO-8859-1, if the server is sending Windows-1252, that's what your page will be sent as. The only ways to fix that are to match the character encoding with what the server's sending, change the server's HTTP headers via the commandl line/control panel, or write a server-side script to reset it to what you want.
* { margin:0px; padding:0px; } body { text-align: center; } #wrap { width: 700px; margin-right: auto; margin-left: auto; text-align: left; }