A few formatting challenges....

[Tomkirk23]

Hi -

I have now spent way too much time trying to make this formatting work. These should be easy, but just don't seem to work...

Site is www.draftgreenroom.smugmug.com

1) On the front page (www.draftgreenroom.smugmug.com)
I cannot get the photo centered in the biobox - have been reading the posts, nothing seems to work.

2) On http://draftgreenroom.smugmug.com/gallery/5592276_ozS8j/1/343106997_zxyD9

See the 1st (shorter text) and the 2nd (longer text) items on this page.

I am trying to use a nested DIV to draw a border around a horizontal arrangement of photo, text, then photo. The text will typically be the "tallest" item of the 3. I cannot get the border to "respect" the longer text and expand - it only seems to respect the photos.


Any help would be appreciated....

Thanks,

Tom K.

[Tomkirk23]

2) On http://draftgreenroom.smugmug.com/gallery/5592276_ozS8j/1/343106997_zxyD9

See the 1st (shorter text) and the 2nd (longer text) items on this page.

I am trying to use a nested DIV to draw a border around a horizontal arrangement of photo, text, then photo. The text will typically be the "tallest" item of the 3. I cannot get the border to "respect" the longer text and expand - it only seems to respect the photos.


Hi -

After doing a bit of digging on the internet, I tracked down this approach for drawing a border around a set of floated elements:

.mockblock1 {border: 2px solid; width:auto;}
.mockblock1:after {content:"."; clear:both; display:block; visibility:hidden; height:0;}

where the floated DIV items exist within the DIV item Mockblock1.

Thanks,

Tom K.