Please help - move box up CSS

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
chaser7016
Forum Commoner
Posts: 34
Joined: Sat Nov 04, 2006 3:22 pm

Please help - move box up CSS

Post 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
User avatar
Zoxive
Forum Regular
Posts: 974
Joined: Fri Apr 01, 2005 4:37 pm
Location: Bay City, Michigan

Post by Zoxive »

Code: Select all

#columnbox {
  margin-top:-45px;
}
matthijs
DevNet Master
Posts: 3360
Joined: Thu Oct 06, 2005 3:57 pm

Post 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.
chaser7016
Forum Commoner
Posts: 34
Joined: Sat Nov 04, 2006 3:22 pm

Post by chaser7016 »

Thank you both!

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

Cheers, Chaser
matthijs
DevNet Master
Posts: 3360
Joined: Thu Oct 06, 2005 3:57 pm

Post 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.
Post Reply