Sent by Linda Antonsson on 27 February 2005 11:11
Roger Roelofs wrote:
> #Content {
> margin: 25px;
> position: relative;
> }
> #CapitalLeft, #CapitalRight {
> position : absolute;
> top : 100px;
> height : 18px;
> }
> #CapitalLeft {
> left : 0;
> }
> #CapitalRight {
> right : 0;
> }
> #Left, #Right {
> position: absolute;
> top: 118px;
> width: 140px;
> }
> #Left {
> left: 0;
> background: url(Graphics/im_base-left.gif) bottom center no-repeat;
> }
> #Right {
> right: 0;
> background: url(Graphics/im_base-right.gif) bottom center no-repeat;
> }
>
> #LeftContent, #RightContent {
> margin: 0 25px 38px 25px;
> background : #53215D url(Graphics/bg_purple.gif) repeat;
> }
Hi,
Since the #LeftContent and #RightContent divs are intended to hold some
conent, I have tried implementing your first suggestion. It works nicely
for positioning the bases (well, there seems to be a missing pixel
somewhere, as they end up one or two above the footer, but that's
probably a miscalculation on my side).
However, it seems to break the javascript that extends the columns.
Unless, that is, I have input something incorrectly, which is definitive
possibility, even though I've checked it over. :)
Here's the temporary page & CSS:
http://www.westeros.org/ASoWS/index-Test.html
http://www.westeros.org/ASoWS/ASoWS-All-Test.css
Linda
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/