I can't seem to layout my page nicely in CSS using floats, or relative positioning, nothing seems to work. When I use floats, the background doesn't wrap to my elements because everything is taken out of the flow. When I use relative positioning nothing seems to wrap right. See the screenshots, description of screenshots, and CSS code below. Then read the end..
float-right screenshot: This is not a screenshot of the CSS represented below, but you get the idea. I'm floating elements here and the background doesn't wrap to the element anymore because the element is taken out of the flow so floating won't work.
screenshot.png: This is the screenshot of the CSS shown below with relative positioning, I can't get anything to wrap correctly... I don't know how to get my parent div's to form a nice web layout so everything is positioned nicely.
background: url("../../images/strBG.gif") repeat;
border: 2px solid #CCCCCC;
The width of the main div that these elements are in is 950px, so it is enough room
I just want a nice layout where everything positions nicely like it does on these pages: