mt-trendy theme in IE

Skinning and designing Serendipity (CSS, HTML, Smarty)
Post Reply
dogsalad
Posts: 3
Joined: Fri Dec 16, 2005 3:05 am
Contact:

mt-trendy theme in IE

Post by dogsalad » Fri Dec 16, 2005 3:10 am

I'm having problems with the mt-trendy theme in IE. The thin border is misaligned on the left side of the first two posts (looks fine in Firefox) when the desktop is 1280x1024.

http://www.lifeofziv.com

I'm stumbling through CSS and PHP... so I may need a "Dummie's Guide" to fixing this problem.

User avatar
judebert
Regular
Posts: 2478
Joined: Sat Oct 15, 2005 6:57 am
Location: Orlando, FL
Contact:

Post by judebert » Fri Dec 16, 2005 4:45 am

Wow, that theme looks awesome on your site. Much better than the screenshot.

Using slayeroffice's MODI, I removed both of the sidebars. The entries increased in width, but still had the same problem. It *was* easier to see that the problem is in the entry body, not the title: the top 2 entry bottoms "stick out" visibly when compared to the lower entries, but the tops line up perfectly.

IE's box model is known to be incorrect: it places borders and padding inside the box, instead of outside. Normally this would be my guess, but then why only the first two entry bodies?

Sorry I couldn't be more help.

dogsalad
Posts: 3
Joined: Fri Dec 16, 2005 3:05 am
Contact:

Post by dogsalad » Fri Dec 16, 2005 2:14 pm

To make it more bizarre, I added a comment to the first post and the box magically aligned itself. That may not have been the cause, but I can't remember doing anything else.

If it's IE's box model, I'll just have to make a call to Mr. Gates and make him do techsupport for me. :)

Anyone else have a suggestion?

User avatar
judebert
Regular
Posts: 2478
Joined: Sat Oct 15, 2005 6:57 am
Location: Orlando, FL
Contact:

Post by judebert » Fri Dec 16, 2005 3:25 pm

Well, Garvin's gone for the weekend, but if he were here, he'd say:

- EditCSS (http://editcss.mozdev.org)
- Aarvark (http://www.karmatics.com/aardvark/)
- Modi (http://slayeroffice.com/tools/modi/v2.0/modi_help.html)

These tools (some are FireFox plugins) will help you locate CSS issues as quickly as possible.

I noticed you fixed the problem by adding comments to the top entries. (Strange that lower entries don't have the problem...) I can't really do any experimenting with nothing to experiment on, so I'll just help you with the process of elimination:

Check if it's only those two articles, or only the top two articles.

Extend the sidebars to see if that can make it affect more entries.

Use Modi to remove the various portions of an entry (title, entry body, comments) until the problem is corrected. Once you know which one causes the problem, reload the page and start removing its components (text, comment link, author link, etc.) until you figure out which one is the problem. Then start modifying its CSS with EditCSS.

Good luck!

Post Reply