Extra Padding On Div's, IE7 STUBBORN!

Hey everyone,

I am working on a new theme,

here is the link to it: http://www.smallfishbigmoney.com/themedesign/

As you can see (in IE7) the right sidebar does not want to stick
to the top, it has some extra padding, PERFECT in FF, Opera 9, Safari...

I just need it to work in IE7 (the most stubborn of all browsers)...as usual

Any help is much appreciated,
thanks a lot,

Fabien
Small Fish Big Money Dot Com

 

Erm it could be a few things.. try put a few things in like, clear: both; , float: right; works for me

 

Thanks for your help 3vo,

Will try and see!

FabZ

 

"Failed validation, 146 Errors" could have something to do with it... Being a turdpress template could have something to do with it, using the same ID more than once on a page (which is completely invalid HTML) could have something to do with it, empty UL's that could be rendering as content in one browser but not another could have something to do with it... But one thing that sticks out is comment placement. Comments between floats can really flake out IE - try deleting the 'closing' comments, or move them BEFORE their DIV's and see if that helps.

Though add in multiple H1's, over the top classitus, clearing DIV's, characters that are invalid for the declared character set, and a whole host of other bad code, and I think you'd be better off throwing that away and starting over with clean semantic markup and separation of presentation from content.... assuming that steaming pile of crap CMS LETS YOU given the amount of rubbish that's hardcoded into it.

Not to say I think wordpress... no, wait, that IS what I'm saying.

 

Heh deathshadow.. I had to learn that the hard way... ran into the duplicate character bug because of comments.

 

I did too. Back in the days when I had no idea about browser quirks.

 

Thank you for your...very, colourful comments people.
Help is always much appreciated, and it is really good
when it is provided with such passion, so you really
think I should get a new template to muck around
with, it may delay my design delivery by a couple
of months but it should be fine,

Thanks again,
Kind Regards,
Fabien
Small Fish Big Money

 

Yeah, that's the OTHER problem you can encounter - both issues involving comments in IE can drive you NUTS the first time you encounter them because the behavior makes no sense. Occasionally I forget about it myself, but I've been trying to force myself to make my close comments as:

<!-- #container --></div>

instead of

</div><!-- #container -->

Which seems to universally dodge that bullet.

 

I cleaned up all the XHTML and CSS, it is now fully valid after being checked by the validator. It is a healthier theme now.

FabZ
Small Fish Big Money Dot Com

 

Wow, I've never heard of the comments/floats bug. Does IE make space for those comments or something? I've never seen this bug (rendered on a page I mean).

 

IE duplicates the last pieces of content of the last float depends on how many comments there are, at least that was what I encountered. You might want to check PIE as they have a good and details article about this.

And yes it did drive me nuts.
__________________
...

 

Well, what's happening is IE treats EVERYTHING that opens/closes as an element, even comments. (you can even find a pages comments in the IE DOM!) - IN IE, that element is inline. What happens when you put an inline element between two floats, even if it has no dimensions or content?

The bug Soulscratch mentioned is harder to understand why it happens - sometimes IE will just start rendering a second copy of a float in completely the wrong place, all because there's a comment between two floats. The demo of my 'images as text' javascript ran into that particular bug, moving the comments took care of it right quick.

 

Jason, it's not WordPress' fault - it's the person who originally coded the theme that the OP is using (and most likely has modified) who is responsible. Most (ok, almost all) WordPress theme designers have NO clue as to how to actually code a Web page anyway, much less a blog template.

 

Sorry Dan, but even your 'clean' theme (which BTW is the BEST WP theme I've ever seen from a code point of view) is loaded down with some problems that are only repairable by digging into the code itself and rewriting wordpress - basically nuetering the upgrade path - or by not calling a good number of it's automated routines basically defeating the POINT of using a CMS in the first place.

 

Deathshadow, for those people wanting a blog on their site, if they don't use Wordpress, what do you recommend?

I have used Wordpress for several projects, and I have been generally happy with it, but I usually end up writing my own theme. I hate having a site that looks like someone else's.

 

Textpattern. Much, much easier to customize and more minimalistic than Wordpress IMO.

 

Like what? The wp_list_pages(); function? I'm working on that.

Go ahead, list what you see "wrong" with WordPress and I'll see what I can do to fix it without breaking the upgrade path. It'll make my clean theme (which will be released to the public at the end of January) that much better.