Robert Lane wrote:
> Getting close!
> http://tinyurl.com/ywow9q
>
> Do I need some hack, or what am I doing wrong.
>
> Thanks for the help.
>
>
You are not doing anything wrong and no hacks are needed.
Sometimes experimenting by turning things on and off yields a solution.
For example, the assignment of horizontal padding to containing parent
divisions is sometimes problematic(turn it off)
Assignment of the padding or margin to the child element (h1, p in this
instance) resolves one issue you had (turn it on).
Remove the padding from the container and assign it to h1 and p as below.
#main_box {
/*padding: 0 24px; */
background-color: Silver;
}
From:
h1, p { margin: 0; }
To:
h1, p { margin: 0; padding: 0 15px 0 24px; }
Positions the text within the wrapper.
This is not working as you intend cross-browser.
/*#slides {
float: left; position: relative;
margin: 0 24px 0 -24px;
width:368px; border: 1px solid white;}*/
Change it to:
#slides {
float: left;
width:368px;
height: 434px;
border: 1px solid white;
margin-right: 24px;
}
(btw, it is the margin-right that pushses the text off-the image)
The nav in IE7 is corrected with this amendment:
#p7PMnav {
margin: 0; padding:0; /*height: 0;*/
}
HTH.
Best,
~dL
--
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
