Page 1 of 1

Please help - move box up CSS

Posted: Wed Dec 13, 2006 12:56 am
by chaser7016
Hello

If you go to my site http://www.ryanspahn.net you will see there is a white box that is at the bottom of the mainbox(if looking IE) or not fitting in the mainbox(Firefox). I want to move this box up just right below the scrolling picture scroll.

I have tried various things with no sucess. Anyone have any idea what CSS attribute and dimensions I should use? Im trying to make two columns within this mainbox.

Cheers, Chaser

Posted: Wed Dec 13, 2006 2:10 am
by Zoxive

Code: Select all

#columnbox {
  margin-top:-45px;
}

Posted: Wed Dec 13, 2006 3:37 am
by matthijs
It's kind of hard to see because of the messy code, but I think that this:

Code: Select all

<div id="column">
  <b>alfad;f - adfasdfasdfasfasdfa.</b><br>
  <i><b>afdasfdasdfasdfasdf</b></i><br>
  asdfasfadfsdfasdfasdfasfdfasdfasdf
  <br>
  <br>
  <br>
  <div id="columnbox"></div>
</div>
Should/can be changed to:

Code: Select all

<div id="column">
  <b>alfad;f - adfasdfasdfasfasdfa.</b><br>
  <i><b>afdasfdasdfasdfasdf</b></i><br>
  asdfasfadfsdfasdfasdfasfdfasdfasdf
  <br>
  <br>
  <br>
</div>

<div id="columnbox"></div>
And then the css should be something like:

Code: Select all

#column {float:left; width: 350px; }
#columnbox { float:right; width:275px; }
And after that, depending on your needs you might want to clear the containing box.

Another possibility is to place the columnbox first in the column and float it to the right.

Posted: Wed Dec 13, 2006 6:13 am
by chaser7016
Thank you both!

Zoxive margin-top recommendation worked the best for me in this situation.

Cheers, Chaser

Posted: Wed Dec 13, 2006 8:44 am
by matthijs
Chaser, you might want to look at what happens when you increase the amount of text left of the box. The box gets pushed down more. So then you have to change the amount of negative margin again to make it line up. Probably not what you want.