Help - Search - Members - Calendar
Full Version: More on column widths
Movable Type Community Forum > Additional Resources > Tips and Tricks
jimmytich
Having a #### of time getting my css layouts to work in IE in windows.

I have a three column blog -- left, center (main area) and right. I have set the left margin to 0px for the left column, with a width of 140px. I have the center column's left margin set at 170px, with a width of 500px, and the right column's left margin at 700px, with a width of 140px. All column's positions are absolute.

Everything works fine in OSX in all browsers. But in Windows, the center column rides over the right column. The strange thing is, the main text of an entry justifies fine, but the right justified (using p align=) comment, trackbacks and topics all justify to the far right, overtop of the right column. No matter what I change the width of the center column to, it still ends up the same size on windows, but changes size on the mac. Frustrating!!!

http://www.lehopictures.com/the_joint/

is the url -- those with windows who might be able to help, please check it out. You actually can't see the right column at all, as I set the z-space of the center column to take priority. At the top of the page, you can see a picture cut in half by the center column.

I have no idea what to do to fix this. I used to use percentages for each column, but that really was a mess in windows (of course, fine in OSX).

Please help!

James
billsuspect
you're using a combination of percentages and pixel-specific widths in your css... bad voodoo. also, it doesn't look like you're correctly commenting out some of code ( example: <!margin-right:70%;> ).

browse over to glish.com or perhaps my template site listed in my sig for help with css.
jimmytich
Well, I'm obviously making a mess of it all!

Here's an update on what I've learned at . It's a bug in IE5 for PC.

Yes, you're right. My commenting was old school and I changed it to the right /* */ method, so that's fixed a bunch of stuff.

And then I redid my columns using examples from
Little Boxes so now everything is much much cleaner and incorporates the hack to fix the IE5 problem.

Ug. I think the page works now crossplatform! thanks for the help...

James
billsuspect
to clarify, the bogus css wasn't related to the IE5 bug... it was just all-around bogus css.

wink.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.