Grabeorama Posted February 1, 2009 Share Posted February 1, 2009 I have this page.There are two divs inside a larger div. One of the inner divs contains "COMP 04" the other contains "BLACK". I am trying to have a vertical gap between the two of them, but if I put in <br /> or <hr /> it still won't make a gap.I've also tried putting position: relative; top: 20px; in the CSS, that works but throws off the layout (the bottom div sticks out of the container and looks horrible!)Do you have any ideas how I can fix this problem? If you want the CSS file let me know or you can get it off the view page source.Thanks~Grabeorama Link to comment Share on other sites More sharing options...
jeffman Posted February 1, 2009 Share Posted February 1, 2009 <br> is a very inexact tool for creating a gap. And you should always reserve relative and absolute positioning for situations where nothing else works, since they can create unintuitive side effects (I'm think your "bottom div sticks out" problem is one of these.)For a horizontal gap between divs, the normal thing is to apply a margin-bottom to the top element or a margin-top to the bottom element.It doesn't look as if #main has a fixed height, so hopefully adding some margin will simply cause #main to grow. Link to comment Share on other sites More sharing options...
Grabeorama Posted February 1, 2009 Author Share Posted February 1, 2009 Ok, thanks I'll try that now and and then edit this post :)EDIT: Works perfectly!Thanks :)I should really give you credit somewhere on my site, without your help I wouldn't have one! Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.