Jump to content
Sarah82

Firefox Scrollbar no Content?

Recommended Posts

well, it depends. Most developers code so that their pages scale gracefully in relation to the size of the browser window, and positioning tends to interfere with that. It does have it places, but not for 90% of what most people are trying to do.

Share this post


Link to post
Share on other sites

Awesome... Thanks Guys! Been a real help and it has been appreciated.One last question.I changed the #PageInfo code to the suggested above.my background image has moved with it....is this due to not having all other divs on the page amended to suit that coding or is it due to margin-top:130px?should margin-top:130px; be changed to top:130px?thank you again!!!!EDIT:Or should I use padding-top:130px; padding-left:200px;

Edited by Sarah82

Share this post


Link to post
Share on other sites
that bit of code is for the main text of the site, I only need it to stay in position and be readable. no fancy bits added at all, except a few images in between paragraphs.
In that case, you would not want to use positioning then. You would create your header information. Then create your navigation and float it. Then just have your #pageInfo div following that with much smaller margins.
#header {   margin-bottom: 5px;}#Navigation {   float: left;   /*More styles*/}#pageInfo {   margin-left: 5px;}

<div id='header'>...Header stuff...</div><div id='Navigation'>...Menu...</div><div id='pageInfo'>...Content...</div>

Share this post


Link to post
Share on other sites
I changed the #PageInfo code to the suggested above.my background image has moved with it....is this due to not having all other divs on the page amended to suit that coding or is it due to margin-top:130px?should margin-top:130px; be changed to top:130px?thank you again!!!!EDIT:Or should I use padding-top:130px; padding-left:200px;
What background image? It's very possible that you're seeing issues because your other divs still use positioning. Margin-top is correct. Top is only used when using positioning. My last post shows a sample of how to code something similar to your layout.

Share this post


Link to post
Share on other sites

Thanks ShadowMage, I think you are right with the issues due to everything else still be coding wrongly/dofferently.Thank you soooo much! Learned a lot tonight :)

Edited by Sarah82

Share this post


Link to post
Share on other sites

that you EVERYONEjust recoded my page.... without using position and using the tips and tricks learned throughout this post and it now works perfectly!AWESOMEwell chuffed :)

Share this post


Link to post
Share on other sites

Good! That's what we like to hear (read? :) ). :)

Edited by ShadowMage

Share this post


Link to post
Share on other sites

jkloths a pretty swell guy, aint he?

Share this post


Link to post
Share on other sites
jkloths a pretty swell guy, aint he?
Thanks, scientist! :) Edited by ShadowMage

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...