[EMAIL PROTECTED] wrote:

>http://jonesempowerment.com/
>Could someone please look at this site which validates and tell me why 
>the h2 block is slipping under the picture and a possible fix, and then 
>  
>

Your page is behaving normally. You have a float (the div named "banner" 
making up Ms. Jones' image) that is, basically, pushing the page's other 
content to the right. When that div ends... no more pushing.

Two ideas:
1) Add a left margin to the <h2> after the pic, like so:
h2 { margin-left: 240px; }

or (better option overall, imho)
2) Switch to a three-column layout. The portrait would be in the left 
column. A simple one wouldn't take too long, like the glish.com technique:
http://glish.com/css/7.asp

More 3-column layouts on the Wiki:
http://css-discuss.incutio.com/?page=ThreeColumnLayouts

>let me know of any other problems you see.
>

Lots of empty <p>s and <br />s in your code. Using margins or padding 
instead would give you more control, less unpredictability.

Adios,
Tim
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to