Layout help

[MrAnthony]

okay can anyone tell me what my problem is here

in firfox my site looks like this and in IE

 

but in google chrome it looks like this

 

any suggestions?

[bluegman991]

Can't tell you anything without seeing your layout and css. And how is it suppose to look? Like the top 1 or the bottom 1.

[Lithium]

maybe a little help... how hard can it be?

[bluegman991]

Oh! It's the rounded corners your trying to get. Well if your using windows xp, internet explorer will never support border radius. If you are using vista or windows 7 you can go to the microsoft website and download IE9. There is no longer any need for multiple css properties to get cross browser border-radius to work. All you should be using is border-radius,border-top-right-radius,border-top-left-radius,border-bottom-right-radius, or border-bottom-left-radius.

If it's google chrome you are having trouble with then be sure you are using the latest version.

Edited August 4, 2011 by bluegman991

[Lithium]

Actually... IE (9) is the most non compliant browser still. Also, I assume MrAnthony wants to fix the display for his users, so no matter what he uses, there will be still quirks upon presenting the pages to the users.

a bit more of information here

[lucky3809]

there is a way for it to show rounded boxes in browsers that dont support it, look under "css round box hacks for browsers" on google, they have many sites that offer alternatives for it.

[bluegman991]

Yea ie9 is still the most non-compliant browser it's getting better though. When editing your layout and css, the main browser you should test in is chrome. Usually if it works in chrome it works in the other main browsers(Opera,Firefox,Safari,IE9+). Unless its an html5 tag or css3 property not yet supported by all browsers.

Yes there is a way to get rounded corners in earlier browser versions but to me it's not worth it (includes making 8 images for each side and corner). Unless your making a layout that is going to have some kind of exotic borders.

[runthis]

Hello Mr Anthony

It seems as though you might have recent versions of firefox and IE but not google chrome. Go update and if you still experience a problem with styling you can look up "-webkit-" for css which may or may not help you depending on your programming intuition.

[MrAnthony]

hey guys thanks for your help

but am not on about the css3

am just confused why in google chrome is dose not look like the first pic

( light gray background )

[runthis]

Did you read my post, that is directly above your post which is directly above this post?

You are using css not compatible with your browser (whether you know your doing it or not)

Try upgrading your browser (Chrome) to a more recent stable version.

Also it is not just the gray background, it is the font size, rounded corners and such.

[bluegman991]

Thats what I thought you were after in my first post. I need to see the html for where that element starts and any css applied to it.

It's probably due to something not being set to transparent or something did/did not inherit a background color.