Sudden Wordpress CSS problem...
I have a client who maintains a blog at http://www.myrealmarriage.com/blog/
He added a blog entry on December 16, and all of a sudden his blog entries were bumped down below the menu I have on the left.
I checked, and this only seems to be happening in IE. I also tried taking down all the blog entries from now back to December 16th. The problem doesn't go away until I disable the post from the 16th. Which I expected.
What's really odd is that if any of the posts since the 16th are displayed, the same problem occurs. Say I have all the posts back to the 16th disabled except for the one on the 19th. The problem is still there.
I can't figure out by looking at the HTML what the problem is.
Any ideas? I would greatly appreciate the help.
andy206uk posted this at 22:13 — 21st December 2006.
He has: 1,758 posts
Joined: Jul 2002
Have you tried validating the page for CSS and HTML? Perhaps that would help in identifying any code strangeness. I bet the client has forgotten to close a tag or attribute somewhere or something
Andy
timjpriebe posted this at 03:54 — 22nd December 2006.
He has: 2,667 posts
Joined: Dec 2004
The only tags in the posts themselves are the and , as far as I can tell. If there's any issues, it doesn't seem to be the posts themselves, but somehow the generated code. Which is what confuses me, since it didn't happen until that one post, but then it happens for every post since then.
Tim
http://www.tandswebdesign.com
Renegade posted this at 04:29 — 22nd December 2006.
He has: 3,022 posts
Joined: Oct 2002
It seems to be a problem with your navigation lists:
<li><a href="http://www.myrealmarriage.com/blog/?cat=7" title="View all posts filed under REAL Love Notes Tips">REAL Love Notes Tips</a> (25)</li></ul>
<li id="linkcat-1"><h2>Blogroll</h2>
<ul>
Seems like you have closed off a
but added a- .
HTML validator picked it up
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.myrealmarriage.com%2Fblog%2F&charset=%28detect+automatically%29&doctype=Inline&ss=1&verbose=1
timjpriebe posted this at 15:12 — 22nd December 2006.
He has: 2,667 posts
Joined: Dec 2004
I actually asked him how long that Blogroll had been on there, and he said since the beginning. I'll go ahead and try to fix it just in case...
Megan posted this at 15:28 — 22nd December 2006.
She has: 11,421 posts
Joined: Jun 1999
The other thing you might want to try is putting in a strict doctype. Under a transitional doctype IE is in quirks mode and is using the old (broken) box model. If you put it into strict it will at least be rednering in standards mode.
This is why I think it's so important to use a strict doctype - avoiding quirks mode where weird things could happen.
Megan
Connect with us on Facebook!
timjpriebe posted this at 15:41 — 22nd December 2006.
He has: 2,667 posts
Joined: Dec 2004
Well, that didn't fix it. I ended up going into the CSS file and just lowering one particular width until it worked. I would have rather figured out exactly what caused it and try to fix the source of the problem. But sometimes you just have to get these things working ASAP.
Thanks for the suggestions, guys.
Tim
http://www.tandswebdesign.com
demonhale posted this at 06:32 — 8th January 2007.
He has: 3,278 posts
Joined: May 2005
I have read this late but maybe I can add some more ideas. If you've checked all tags are closed properly, last thing you should check are width adjustments on the posts. Sometimes if we use "float" on images on posts, it makes the layout go haywire. Also check for some posts with tables, sometimes, improper table tags make the posts nudge also. I hope I can see the old problem...
timjpriebe posted this at 15:07 — 12th January 2007.
He has: 2,667 posts
Joined: Dec 2004
You must have missed my note above where I said the only tags in the new posts were and . Thanks for the attempt, though.
mik-crap posted this at 11:00 — 13th January 2007.
He has: 30 posts
Joined: Jan 2007
IE is a nasty piece of pasty when it comes to floats. For each floating element, use display: inline; This is especially the case for % widths in IE.
If that doesn't help, can you re-enable the posts which knock it out of place? I can't really tell the problem from just staring at the CSS.
Btw, you might want to check out combining your properties using the CSS2 shorthand technique. Additionally, you can use Flumpcakes CSS Optimiser to cut your CSS down.
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.