different space between <p>

[byte_eater]

Hey guys!
why there is a different space between <p> elements in IE and Firefox?


#text_about {
position:relative;
width: 443px;
margin-top: 26px;
margin-left: 0px;
margin-bottom:15px;
background-color:#FFFFFF;
z-index:2;}
#text_about p {
width: 370px;
margin-left: 30px;
text-align:justify;
margin-bottom:0;
padding:0;}


some suggestions?

[BonRouge]

Try this: p {
margin:10px 30px;
}

They should be the same now.

[byte_eater]

Try this: p {
margin:10px 30px;
}

They should be the same now.


Not working :( just it bacame smaller the distance, but the difference is still present!

[BonRouge]

You should show us your page.

[byte_eater]

I attached an image with the problem discussed...

and here is the html and css part once again:


#text_about {
position:relative;
width: 443px;
margin-top: 26px;
margin-left: 0px;
margin-bottom:15px;
background-color:#FFFFFF;
z-index:2;}

#text_about p {
width: 370px;
margin-left: 30px;
text-align:justify;
margin-bottom:0;
padding:0;}
#text_about p span {
font-weight:bold;
text-align:center;
font-size: 13px;}


and the html part:


<div id="text_about">
<p>paragraph with text</p>
<p>paragraph with text</p>

<p>paragraph with text</p>
<ul type="square" id="lista">
<li>Laboratorul biologic molecular</li>
<li>Laboratorul bacteriologic</li>
<li>Laboratorul biochimic</li>
<li>Laboratorul clinico-diagnostic</li>
<li>Laboratorul imunnologic (ELISA)</li>
<li>Laboratorul imunofluoreşcent</li>
<li>Laboratorul imunnoferment</li>
</ul>

<p>paragraph with text</p>

<p>paragraph with text</p>

<p>paragraph with text</p>

<p><span>DEVIZA NOASTRA ESTE :<br />
DIAGNOZA CORECTA - TRATAMENT CORECT!
</span></p>
</div>
<div id="bottom_info">
<h6>Copyright © 2006. CMD&quot;Modus Vivendi&quot;.</h6>
</div>

[WebJoel]

Looks like IE's default padding for the container "text_about". IE 'pads' everything with it's own.
Add:
* {padding:0; margin:0;}
as the first item in your CSS. It will strip-away all 'default' padding and margin, allowing you to now re-style elements to the way you want and they should be the same in nay browser. It would be of more help to see your URL and visit it that way. :)

[byte_eater]

thanks it worked... Are u adding to all pages this statement at the begining?