View Full Version : Content box overlaps other content... only in IE *sigh*

Nov 5th, 2010, 03:20 PM
Try going with Firefox, Opera, Safari or any other browser besides IE here:

Now go and check it with IE (I tried with version 7):

See the content boxes overlapping the other contents? It only happens in IE, grr... I don't know what do with this one...

Nov 5th, 2010, 03:57 PM
.custom #header_area {}

Seems to have a fixed height of 129px.. You could remove that ;)

Nov 5th, 2010, 04:27 PM
Fix the errors in your markup first, see http://validator.w3.org/check?uri=http://logoslogotipos.com.pt/

FYI: Don't use <center> tag. It's been deprecated long ago!

Nov 8th, 2010, 09:26 PM
Hey guys, I just deleted the center tag, now the 3 big images (blue, pink and orange) are not center aligned anymore (at least in FF), how would you safely center them?

Nov 8th, 2010, 09:37 PM
Upload your new site and provide a link. I still see the <center> tags in your markup. I also still see 2 errors you havent fixed as suggested by Abdura.

Nov 9th, 2010, 07:02 AM
It was in W3's cache, it's ok now.

How would I center it compliant?

Nov 9th, 2010, 08:24 AM
Set a fixed width and margin:0 auto; to the container element.

Nov 9th, 2010, 10:38 AM
I just edited the custom header area to this:

.custom #header_area { width: 0 auto; margin: 0 auto; }

Nothing happened?

Nov 9th, 2010, 11:06 AM
#header_area .page{
margin:0 auto;

Nov 9th, 2010, 12:44 PM
abduraooft, thanks, right, 793px is the combined width of the 3 big images.

They're now aligned to the right, not exactly center, but I think I can live with it. Would there be a way to center it without being aligned to right or left, just center? Maybe I could do some negative padding or margin for that?

Nov 9th, 2010, 12:48 PM
.full_width .page {}

You have a padding-left and padding-right on the above class.

Those should be removed if you want it in the centre.

Nov 9th, 2010, 03:57 PM
That class has:

.custom .full_width .page { background: none; }

Unless it's some other class you're mentioning? Could be a dumb question, I'm using Firebug to track them down, but I still have a lot to learn.

Nov 9th, 2010, 04:55 PM
.full_width .page { width: 83.7em; margin: 0 auto; padding-right: 2.2em; padding-left: 2.2em; }

Not within the custom wrapper.

Can be found on line 22 of your layout css:


Nov 9th, 2010, 06:29 PM
Oh I see, so it's in another css style sheet. Ok, so I tracked it down and edited that last bit, I think now it's aligned to center don't you think?

It's also HTML compliant. All is well?