thescientist Posted May 26, 2010 Share Posted May 26, 2010 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. Link to comment Share on other sites More sharing options...
Sarah82 Posted May 26, 2010 Author Share Posted May 26, 2010 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; Link to comment Share on other sites More sharing options...
ShadowMage Posted May 26, 2010 Share Posted May 26, 2010 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> Link to comment Share on other sites More sharing options...
ShadowMage Posted May 26, 2010 Share Posted May 26, 2010 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. Link to comment Share on other sites More sharing options...
Sarah82 Posted May 26, 2010 Author Share Posted May 26, 2010 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 Link to comment Share on other sites More sharing options...
Sarah82 Posted May 26, 2010 Author Share Posted May 26, 2010 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 Link to comment Share on other sites More sharing options...
ShadowMage Posted May 26, 2010 Share Posted May 26, 2010 Good! That's what we like to hear (read? ). Link to comment Share on other sites More sharing options...
thescientist Posted May 26, 2010 Share Posted May 26, 2010 jkloths a pretty swell guy, aint he? Link to comment Share on other sites More sharing options...
ShadowMage Posted May 26, 2010 Share Posted May 26, 2010 jkloths a pretty swell guy, aint he?Thanks, scientist! Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.