CSS page strech

  • lightdarkness
  • Newbie
  • Newbie
  • lightdarkness
  • Posts: 13
  • Loc: Not here.

Post 3+ Months Ago

I'm using css's position:relative attrobute, and I think it is causing my page to strech.

There is no content that is being streched, but it shows scroll bars scrolling to the left and down, when there is nothing down there.

I think it is this way because that is how the content would be without CSS. Is there anyway to prevent this?
  • Sumen
  • Proficient
  • Proficient
  • User avatar
  • Posts: 421
  • Loc: Rochester or Albany, NY

Post 3+ Months Ago

might help if you send the code and the url to the page with the problem...
  • lightdarkness
  • Newbie
  • Newbie
  • lightdarkness
  • Posts: 13
  • Loc: Not here.

Post 3+ Months Ago

<div style=position:relative; top:0;">
<img src=header-left.gif><img src=header-right.gif><br>
<img src=header2.gif><br>
</div>


<div style="position:relative; left:134; top:0;"><img src=welcome.gif></div>
<div style="background-image:url(body.gif); position:relative; left:134; top:0; width:642; height:206;">
<table>
<tr>
<td>Lorem ipsum dolor sit amet,</b><br /> neque. Cras vel lorem nec lectus laoreet mattis. Nam adipiscing fermentum purus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse at mauris. Mauris vehicula sapien nec pede. Fusce ut ipsum sed nulla mollis suscipit. Nunc elementum. Class aptent taciti sociosqu ad litora torquent</td><td> per conubia nostra, per inceptos hyenas nec nunc et mi tristique vulputate. Sed elementum.
</td>
</tr>
</table>
</div>


<div style="position:relative; top:-278;">


<a href="index.html" onMouseOver="home()" onMouseOut="restore()"><img src=menu-home.gif border=0 name=image5></a><br />
<a href="about.html" onMouseOver="about()" onMouseOut="restore()"><img src=menu-about.gif name=image6 border=0></a><br />
<a href="products.html" onMouseOver="products()" onMouseOut="restore()"><img src=menu-products.gif name=image7 border=0></a><br />
<a href="training.html" onMouseOver="training()"><img src=menu-training.gif border=0 name=image1></a><br />
<a href="training-tech.html" onMouseOver="trainingtech()"><img src="spacer.gif" name=image2 border=0></a><br />
<a href="#" onMouseOver="trainingsecurity()"><img src="spacer.gif" name=image3 border=0></a><br />
<a href="#" onMouseOver="trainingsupport()"><img src="spacer.gif" name=image4 border=0></a><br />
<a href="faq.html" onMouseOver="faq()" OnMouseOut="restore()"><img src=menu-faq.gif border=0 name=image8></a><br />
<a href="#" onMouseOver="news()"OnMouseOut="restore()"><img src=menu-news.gif border=0 name=image9></a><br />
<a href="clients.html" onMouseOver="clients()" onMouseOut="restore()"><img src=menu-clients.gif border=0 name=image10></a><br />
<a href="careers.html" onMouseOver="careers()" onMouseOut="restore()"><img src=menu-careers.gif border=0 name=image11></a><br />
<a href="contact.html" onMouseOver="contact()" onMouseOut="restore()"><img src=menu-contact.gif border=0 name=image12></a><br />
<img src=menu-bottom.gif>

</div>

Demo page: http://www.lightdarkness42.com/cobius/
  • neksus
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2194
  • Loc: Canada

Post 3+ Months Ago

position: relative, when rendered in a page, still creates the blank space in the browser. That basically means that the spot your content was supposed to be in moved beside it, and pushed the spot (being held for the content) beside it.
  • lightdarkness
  • Newbie
  • Newbie
  • lightdarkness
  • Posts: 13
  • Loc: Not here.

Post 3+ Months Ago

So, if I use absolute instead, will that fix my problem?

Post Information

  • Total Posts in this topic: 5 posts
  • Users browsing this forum: No registered users and 40 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
 
cron
 

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