Thread

As a test, try setting a fixed height for the container and you could try a full

background: url(/assets/images/dkgreen10pix.gif) repeat left top;

. IS this IE6 or 7? Are you “zooming” text size?

FYI - Another trick for column backgrounds is to make a 1 px horizontal stripe with all the column colors and vertically repeat that behind all the columns (with no background) in the master container.

Just a quick follow up, I think the “text resizer” is what’s pushing the items out. If you set a fixed width and height for that container (#font_switch) and set “overflow: hidden;” that may do the trick. You did pick a tricky layout where you have some crossover of items. I’d probably move the company logo link markup outside of the header and use absolute positioning for that. This will allow for the overlap and everything else will fit nicely. It should let you get rid of all those negative margins.

Here‘s a timely post of IE fixes.

We certainly did gang up on you with questions now 😊
I know layout is little tricky….but in habits of laying things out in tables didn’t think much of it. CSS layout has slowed me down by hmmm 500%.
The overflow trick didn’t do it but I can see how moving the img logo into its own container would work since it did push me to negative margins due to its height.
Will give this a run.

P.S. I went for Dan’s book since I have enough knowledge of css to mess things up but not enough to get myself out of troubled design.

Thank you!

Thanks - IE still loses the green on zoom reduce. Wish IE would become extinct, this works on the other browsers…

Did you already fix this?
Seems ok now in IE 7…

Sort of OT but it seems that a lot of people don’t like DW template layouts and personally I found them hard to follow/debug. Other than this IE bug….what is your take?

Thanks for all your suggestions but still the green column disappears when I use the ‘zoom out’ function in either IE 7 or IE 8. I’m not using the text re-size function.

I simplified the layout even more to just 2 columns and are using a 1 pix dark green gif but this doesn’t work either.

I also set up a real simple table that the green column disappears.

http://qtprolong.com/grn.htm

for the css version - http://qtprolong.com/GreenCss2.htm

Thanks again

IE 7 is ok. (winxp)