WebsiteSite Displaying Correctly on Internet Explorer, Firefox but not Safari Browser or Google Chrome

Permalink
Good Day,

I'm currently in the process of building a new website for our company. I'm having a gliche at the moment with the top banner that i've made. The freedom air banner displays correctly on IE and Firefox browsers. But on Safari Browser and Google Chrome the banner is displayed in the incorrect position behind the website content.

The current link from which i'm constructing the website is on our server is -http://vanzyl.me/concrete5/index.php...

I'm new to php and don't have much of programming background. I found the Concrete5 interface through our parallels panel located on our server. And i've almost finished our total website rebuild through the concrete 5 interface. Just need to sort out the top banner issue in different browsers.

Any help would be appreciated and try to make the steps as simple as possible since I'm not a php programmer. Concrete 5's interface just makes it easy build website. I just don't know why the php responds different in different browsers.

Please assist A.S.A.P.
Larry

 
ggn06awu replied on at Permalink Reply
ggn06awu
Larry,

You need to edit your theme's main.css, (looks like you'll probably find this in <SITE_ROOT>/tools/css/themes/black_accents/main.css) find the following (about halfway down):

.mainmenu {
text-align:center;
padding:5px 0px 0px 0px;
}

and add the line "float: left;" at the end so it reads:

.mainmenu {
text-align:center;
padding:5px 0px 0px 0px;
float: left;
}

Save (clear cache if it's switched on) and reload. Seems to work for me!

Kindest Regards,
Mark
ggn06awu replied on at Permalink Reply
ggn06awu
Incidently "I just don't know why the php responds different in different browsers."

You are not seeing anything being "output differently" from your website, but browsers render the same html/css differently. It's historically been the bane of web developers everywhere.
Lerey7 replied on at Permalink Reply
Thank you very much.

Worked like a charm. Still can't believe these small things can cause such a headache. But like you said its one of those mysteries in website designing that can never be fully explaned.

Once again thank you very much for the assistance.

Cheers
Larry