ansaurus

Question

extra padding/Margin in Firefox+CHrome None in IE

Answer 1

A:

The answer to your second problem is that it appears you have not cleared each comment. just before the closing part of the comment div put in

<div style="clear:both"></div>

The first problem I'm not sure about because I don't see what the problem is =/ It seems to be displaying fine for me?

Maj. Fail 2010-05-26 14:50:22

Actually it was the closed </br> tag that was causing it. thanks for this at least it let me in the right path. The navigation menu problem is still open.

Adi 2010-05-26 15:38:48

Answer 2

A:

In order to remove any margin/padding cross-browser problem, do this at the start of every css file.

body, h1, ul, li 
{
    margin: 0; 
    padding: 0; 
    border: 0;
}

This way you always reset them to 0 and any further margin/padding should act the same way in every browser

Zwik 2010-05-26 14:54:10

It's already added, so I am still not sure what is causing firefox and chrome to cause extra padding. I guess I have to dig deeper. Thanks a lot.

Adi 2010-05-26 15:37:50

Answer 3

+5 A:

You may want to consider an IE6 conditional style sheet, this can be done by creating a new css sheet (ie6.css) and pasting creating a conditional as follows:

<head>
   <!--[if IE 6]>
    <link rel="stylesheet" type="text/css" href="css/ie6.css" />
   <![endif]-->
</head>

Within your IE6.css add the following style for the catmenu container:

ul.topnav {
    padding-left: 0px;
}

You can also add the solution from the previous answer (Maj. Fail) to the IE6.css.

That should do it. Hope that helps.

Ryano 2010-05-26 14:58:57

Thanks for the answer. Unfortunately, the blogger doesnt allow this.

Adi 2010-05-26 15:36:26

When you say it doesnt allow this, do you mean it doesnt allow external style sheets? or something else?

Ryano 2010-05-26 15:44:47

ansaurus

tags:

views:

answers:

extra padding/Margin in Firefox+CHrome None in IE

related questions