Hi Keith,
If I understand you correctly, you just need to enclose div#textpic in
another div, then apply the styles that are currently defined for #textpic
to that enclosing div. After that, applying margin: 0 auto; to #textpic
should do the trick.
Markup:
<div id="wrapper">
<div id="textpic">
</div>
</div>
CSS:
/* These are the styles currently defined for #textpic */
div#wrapper {
float: right;
margin: 1em 7em 15em auto;
max-width: 575px;
height: 100%;
min-height: 100%;
padding-top: 7px;
border: 1px dashed blue;
}
/* This will center #textpic within #wrapper */
div#textpic {
margin: 0 auto;
}
T
On Sun, Aug 7, 2011 at 6:55 PM, Keith Purtell <[email protected]>wrote:
> I'm trying to revise the entry page to my site. I would like for the
> navigation panel to occupy approx 25% of the left side, with the contents on
> the right centered in the remaining 75% of width. That's the glitch. I can't
> get it to use the navigation panel and the right side of the browser winodw
> as reference points to use in centering, which would seem to be the way to
> go. The navigation panel is behaving OK.
>
> http://www.keithpurtell.com/kthings/test01.htm
>
>
> - Keith
>
> --
> --
> You received this because you are subscribed to the "Design the Web with
> CSS" at Google groups.
> To post: [email protected]
> To unsubscribe: [email protected]
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
