View Full Version : Help with Firefox Explorer change

05-23-2007, 09:14 AM
I am new to web programming so I am trying to make a basic template.

The template is css/xhtml with a logo/header, 3 columns, and a footer.

Everything is great in Explorer but when I view it in Firefox the logo takes up more height than the footer.

I am using the same type of text but can't figuare out what I am doing. I can provide the markup but didn't want to paste it until someone asked. I am new to the forum and I don't know how that is viewed upon:confused:

Also to add to the confusion if I use Microsoft Expression everything is the way I want it BUT if I open the same index file in Adobe Dreamweaver the logo hangs below the header???

Any help would be great. Here is just the part I am having the problem with from my css...

#masthead { position:relative; width:100%; }
#top_left { width:200px; position:absolute; left:0px; top:0px; background-color:#406080 }
#header { margin-left:200px; background-color:orange; }

Any ideas?

05-23-2007, 09:56 AM
That snippet of CSS is useless without any xhtml. We need to see your code. A link to the site would be better. You may want to take a look at this example: http://bonrouge.com/3c-hf-fluid.php

Also Microsoft Expression and Dreamweaver are NOT, I repeat NOT browsers, you can't rely on their design view to be accurate.

05-23-2007, 10:19 AM
Sorry I am still new to this. Thanks for the link I think I need to either use that or learn more about the positioning using css.

The link to the site is http://www.realwideweb.com

The only reason I brought up the dreamweaver and expression difference is because I thought it was odd.

ff and dreamweaver is wrong.
ie and expression is right.

If it is an easy fix let me know if it is not then I will do more practice and learning.

Either way thanks for your reply it was very helpful.:thumbsup:

05-23-2007, 10:26 AM
Its the default margins and padding on the paragraphs causing your problem. A simple fix would be to add this to your stylesheet

p {
Just be aware that this makes ALL paragraphs not have margins or padding.

05-23-2007, 09:07 PM
Thanks so much!!! I nominated you for your help. Its people like you that make this web programming stuff a possibility for us slower people.

Do you prefer fixed sites or let them float?

Thx again.

05-23-2007, 09:20 PM
I prefer fluid sites (float) this way no user is alienated because of their resolution.