Centered background not aligning centered header.

Hello guys,
I am creating a website that supports bike roads in São Paulo. www.temgentenaciclovia.com
I wanted the header image to stay put on top of the site, always aligned with the background image, but for some reason, the image is a little bit to the left of what it should be.
Besides that, it all gets really messy when I try to browse the website from my cellphone.
Could someone please give it a look? I'm sure there's an easy fix to that.

thanks in advance for the attention!

ps: I'm not a native speaker, please don't mind my english.

Help a novice get a better grade... please!

I have a project that is slightly over my head so after working on it for a day I don't feel too bad about asking for help. Most of what I need to do is complete but I can't figure out why I can't get my col flush with my header or how to get 25px of padding on col1 without pushing col2 underneath col1. The other part I need to do is to make my collapse button extend col1 overtop of col2 but I know that's javascript. Take a look and see if you can give a novice a hand. I put everything in-line so you can see what's going on.

<!doctype html>
<html>
<head>

Drop Down Menu Text Showing Behind Photos

I've tried changing the z-index but nothing is changing?? On Chrome the menu appears normal though on other browsers such as Safari it's hiding behind the gallery images (not the home page slider) Maybe someone can help because I've done as much I can think of, thanks heaps !

my website is - White Boda Wedding Photography and you can see when you visit 'photography' you'll see the menu hides behind the gallery.

Take off the float and width is not accepted . Why ?

Check this out the fiddle Js fiddle

the question really says it all . why is that the width is not being accepted without The float property .

P.S.

In the fiddle take off the the float property and you will know what i am talking about .

Kind regards.

Gautam.

Footer text overflowing in internet explorer

Hi,

I am just putting a few finishing touches to my website and I'm having some problems with my footer and widget.

The content of the footer in internet explorer over spans the wrapper and I can't figure out through the inspect element what's wrong.
The same problem of text going outwith the set widget size is happening in the contact us page.
http://ufcos.org.uk/dev/contact-us/

Also, if its to much to ask. Does anyone know how to have a set widget height for more than one widget. The news page is all different heights due to the content.

http://ufcos.org.uk/dev/news-events/

Syndicate content