...

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



Dan_Grr
11-05-2010, 02:20 PM
Try going with Firefox, Opera, Safari or any other browser besides IE here:
http://logoslogotipos.com.pt

Now go and check it with IE (I tried with version 7):
http://logoslogotipos.com.pt


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

digitalclubb
11-05-2010, 02:57 PM
.custom #header_area {}

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

abduraooft
11-05-2010, 03: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!

Dan_Grr
11-08-2010, 08: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?

teedoff
11-08-2010, 08: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.

Dan_Grr
11-09-2010, 06:02 AM
It was in W3's cache, it's ok now.

How would I center it compliant?

abduraooft
11-09-2010, 07:24 AM
Set a fixed width and margin:0 auto; to the container element.

Dan_Grr
11-09-2010, 09:38 AM
I just edited the custom header area to this:

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

Nothing happened?

abduraooft
11-09-2010, 10:06 AM
#header_area .page{
width:793px;
margin:0 auto;
}

Dan_Grr
11-09-2010, 11:44 AM
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?

digitalclubb
11-09-2010, 11:48 AM
.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.

Dan_Grr
11-09-2010, 02: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.

digitalclubb
11-09-2010, 03: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:

http://logoslogotipos.com.pt/wp-content/themes/thesis_18/custom/layout.css?091710-65736

Dan_Grr
11-09-2010, 05: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?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum