Fluoresce Posted October 21, 2009 Share Posted October 21, 2009 I tend to position elements using margin, padding and float. I don't usually use the position property, unless I want elements to overlap. Do you do the same? When are you supposed to use each of the different options? Link to comment https://forums.phpfreaks.com/topic/178505-do-you-position-elements-with-the-position-property-or-with-margin-and-padding/ Share on other sites More sharing options...
haku Posted October 22, 2009 Share Posted October 22, 2009 98% of the time, with floats, margins and padding. There are times where absolute/relative/static positioning are useful or even necessary, but they are exceptions. Link to comment https://forums.phpfreaks.com/topic/178505-do-you-position-elements-with-the-position-property-or-with-margin-and-padding/#findComment-941632 Share on other sites More sharing options...
supergrame Posted October 26, 2009 Share Posted October 26, 2009 Hi there... this may not be any use two you but I am currently learning css and i found this very useful. http://www.barelyfitz.com/screencast/html-training/css/positioning/ Link to comment https://forums.phpfreaks.com/topic/178505-do-you-position-elements-with-the-position-property-or-with-margin-and-padding/#findComment-944370 Share on other sites More sharing options...
supergrame Posted October 26, 2009 Share Posted October 26, 2009 OK well i just learnt, Never use padding and or margins to form your site layout because it is really buggy in IE, to get around this you can use a container element to store all your other elements in, just set a fixed width and height for the container element and the rest of the elements should be fine going off margins and padding. Keeping in mind I'm still in the early stages of learning this css stuff:) Link to comment https://forums.phpfreaks.com/topic/178505-do-you-position-elements-with-the-position-property-or-with-margin-and-padding/#findComment-944537 Share on other sites More sharing options...
jcombs_31 Posted October 26, 2009 Share Posted October 26, 2009 To be safe you can avoid using padding on containing elements and set margins on the child elements. For example if you have a sidebar set to 200px wide, you probably don't want to set your padding on the sidebar container, but set margins on the child elements like p, ul, h1-h5, etc. This is a safe way to avoid box model problems. Link to comment https://forums.phpfreaks.com/topic/178505-do-you-position-elements-with-the-position-property-or-with-margin-and-padding/#findComment-944727 Share on other sites More sharing options...
supergrame Posted October 26, 2009 Share Posted October 26, 2009 what if you want to have a border around all your divs that are inside of the container div like what I'm trying to do. lol does anyone else feel like going back to tables and, ok im having a blank.. the other layout option Link to comment https://forums.phpfreaks.com/topic/178505-do-you-position-elements-with-the-position-property-or-with-margin-and-padding/#findComment-944969 Share on other sites More sharing options...
haku Posted October 27, 2009 Share Posted October 27, 2009 If you want a border around all the child elements, but inside the containing div, then you can do this: <div style="width:200px"> <div style="margin:20px; border:solid black 1px;"> <h1 style="margin:0 10px">H1</h1> <p style="margin:10px;">paragraph</p> </div> </div> (note: I put the styles inline just for visual representation. They shouldn't actually be put inside the HTML tags like that.) Link to comment https://forums.phpfreaks.com/topic/178505-do-you-position-elements-with-the-position-property-or-with-margin-and-padding/#findComment-945149 Share on other sites More sharing options...
supergrame Posted October 27, 2009 Share Posted October 27, 2009 thank you I have finally got the result I was after thanks to you much respect. Now to jump into the php side of things, I was trying to avoid this for as long as possible. Thanks again no doubt ill be back in the css section soon ;Denough hehe Link to comment https://forums.phpfreaks.com/topic/178505-do-you-position-elements-with-the-position-property-or-with-margin-and-padding/#findComment-945266 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.