Ok in FF but not in Chrome

HTML & CSS
1

Hello,

I need some help in fixing this page

http://smalamoudi.com.sa/topics.php?id=16

It looks ok in FF but not on Chrome.

Can you help?

Thx

2

Sorry looks the other way round to me. All right in chrome wrong in Firefox.

In firefox the blue/yellow on the right of the ticker strip is below where it should be and the footer is bigger in firefox than in chrome.

What do you think is wrong in chrome?

What versions of the browsers are you running?

3

I have two images showing the problem with Chrome and the other one shows it is ok in FF.

I have Ubuntu with:

Chrome 9.0.597.84
Firefox 3.6.13

Thx

Oozy

4

Hi,

It looks like the natural positiion of the right menu is affected by the element above and as you haven’t defined a position for the absolute element it will end up where the browser thinks it is.

Add overflow:hidden to the element above to stop it affecting the position of the elements underneath.


.marq {
    background:url(http://smalamoudi.com.sa/images/maq2.gif) repeat-x 0 0;
    height:40px;
    margin:6px 0;
*line-height:33px;
*width:920px;
*text-indent:95px;
[B]overflow:hidden;[/B]
}

You also need to reverse the order of the html and have the round corner first ion the html here:


    <div class="head">[B]<img align="left" src="http://smalamoudi.com.sa/images/head_in.gif" alt="" /> [/B]<span dir="ltr">&#1578;&#1583;&#1585;&#1610;&#1576; &#1585;&#1580;&#1575;&#1604; &#1575;&#1604;&#1576;&#1610;&#1593; &#1608; &#1575;&#1604;&#1601;&#1606;&#1610;&#1610;&#1606;</span> </div>

Avid using align=“left” and other deprecated attributes and use css instead and float the element. Also be careful with your hacks as you seem to have quite a few already and the page is only just started.