doctype help

Smackie

I am having a problem with a doctype with FireFox.

Now i am working on a Floating Bar on my site which i have working on both IE7 and Firefox using

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

now it looks great in IE7 but in FireFox my menu's and stuff are offset alittle i have an image in the attachments for you to see what i mean..
the floating bar menu is fine on FF but the site menus and stuff are offset

now if i take of the Doctype and put in the

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

it works fine in Firefox but in IE7 the floating bar will not work

Thank you
Smackie

coldwerturkey

i think thats a css issue.. have you reset the css?

* {
margin:0;
padding:0;
}

Smackie

Can't be the css i took off all the css for the whole site except for the bar which the bar css is only consist of

<style type="text/css">
#fixme { position: absolute; left: 0px; top: 0px; }
#fixmetoo { position: absolute; left: 45px; height: 25px; right: 45px; bottom: 0px; }
div > div#fixme { position: fixed; }
div > div#fixmetoo { position: fixed; }
</style>

im starting to think it might be just the html thats doing it so i might have to start from scratch on this layout again well retype it all up or find out whats missing or whatever :-\

Weedpacket

Smackie wrote:
Can't be the css i took off all the css for the whole site except for the bar which the bar css is only consist of

Browsers have their own default CSS which they use if the page doesn't supply any of its own (like Firefox's 8px margin on the body element). Firefox's default CSS is in the program's res/html.css file, and IE's is probably hardcoded program logic. coldwerturkey is suggesting that you override that.

Smackie

I added them to my css script in the body part and it shows the exact same thing.