[SOLVED] Trouble controlling sticky intro post in liquid layout
 

The introductory sticky post seems uncontrollable when screen is resized. see http://anartist.biz/mccall/ [password protected PW:bfa] and screenshots. Why does the text not continue below he photo when squeezed rather than stretch out the vertical space?

With the material in tables it stays somewhat solid until the text is compressed too much but the next blog posts spill over into the background.With no tables, it stretches out in an ugly manner. What to do?

site looks fine to me in Safari and FireFox on a mac

but when you squish it down [image is at 718 pixels wide] the text spills out and the BG inserts itself between the main body and the sidebar -- and when the pix float about they tend to create too much vertical space as is the case with the 3rd photo in my example screenshot. It is no wider than the photo above -- is there any way it can be told to just nestle up closer underneath?

btw I like your quote but did you know that it was not originally a Chinese proverb? http://www.phrases.org.uk/meanings/g...an-a-fish.html

I like yours better.

And nothing like a favorite pun I heard elsewhere "You can lead a horticulture but you can't make her think"

the reason you see the body background show up when you make the page small enough is because the background for the 'middle' is transparent, so when the window gets small enough, you can see the body background thru the transparend 'middle' background.

the reason you see the body background show up when you make the page small enough is because the background for the 'middle' is transparent, so when the window gets small enough, you can see the body background thru the transparend 'middle' background.

Can one do something to the code to make the "middle" not transparent but fff?

And would setting style "overflow:hidden" get rid of the overflowing text when squeezed too small?

Take a look at the theme options for styling the center

There weren't any options - just a place to enter style that had this in it:
padding: 10px 15px;

so I added this:
background: #ffffff;
overflow: hidden;

It seems to work!

:-)

http://www.celestialbites.net/