Firefox & Opera Issues

[mark_W]

Hi Everyone,

I have decided to integrate some css into my site.

And all is fine in IE but not Opera or Firefox.

My news articles display with text indentations on every other line of text.

You can view it Here

Thanks

[KLB]

I couldn't access your site. Are you sure you entered the domain correctly?

[mark_W]

Damn, it appears to be down at the moment, Ill pop a quick post when its back up.

[Hulkur]

CSS:
#Content>p+p {text-indent:30px;}

HTML:
<div id="Content"><p> ... heading ... <P>I have to ...

your blog post is one <p> and all lines are separate inner <p> - so text-indent applies.

[mark_W]

How can I change that then Hulker, will it still work ok in IE?

[Paul O'B]

#Content>p+p {text-indent:30px;}

IE doesn't understand any of that so it will make no difference to ie at all.

If you don't want indented paragraphs in good browsers then leave it out. However I assume it was there for effect.

Paul

[mark_W]

Right, I managed to sort that to get it to display how i want, thanks.

Also could someone have a look why the boxes at the top of the page (in the header, are smaller in firefox &opera)

Thanks

[Paul O'B]

Hi,

Its because you have give them no height but only 10px padding which will make them only 20px high.


Ie won't render n element less that the current forn'size line-height (unless you use overflow hidden) which is why the elements are at 37px in ie.

Just give the other browsers a height of 17px and it should be ok.

Be careful of all your box model hacks beacuse you are working in quirks mode (no doctype) and ie6 will use the brojken box model so it will read the voice family hack but still apply the broken box model.

See the FAQ sticky thread for more info.

Paul

[mark_W]

Thanks a lot Paul.