position:relative messing up page height

  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

Okay, If you have a look at this site, you will see exactly what's going wrong. The div "body" is positioned relative (top:-350px;), but that then in return makes the body 350px too long ... is there a way to counter this?
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • theBruney
  • Student
  • Student
  • User avatar
  • Posts: 67
  • Loc: China

Post 3+ Months Ago

You're going to need to put the #green inside of the #heading div. Give the #green an absolute positioning, and your desired top position values, maybe 300px. Give #heading a positioning absolute, a height of 300px and a top and left value of 0. Then change the 'top:-365px;' in the #body and give it a top value of about 150px or so. After which, you can add bottom margin values for the #body if you want any.

Also, you do not need to specify the measurement for 0 values. 0 is 0.

If you have any problems let me know. 8)
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

Excellent .. got it thanks ... What a buddy!
  • theBruney
  • Student
  • Student
  • User avatar
  • Posts: 67
  • Loc: China

Post 3+ Months Ago

No problemas. ;)

Post Information

  • Total Posts in this topic: 4 posts
  • Users browsing this forum: No registered users and 54 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.