I am working on building a new design for my website located at:
dev.willhostforfood.com
That is a "working" version of the design, but I want to make the top "Upload" box be stretchy downwards. This is what I have so far:
dev.willhostforfood.com/2/
What I did was take the working version, split the image into 3 parts, then tried to mimic what the news section does. Like this:
<div id = upload> <----- Container for the top and bottom
<div id = uploadtop></><- The top part, where the rounded rectangles are
<div id = uploadmiddle></><- a stretched (y)of the middle part..
</>
<div id = upload bottom></> <- The bottom upload image.
That works PERFECTLY fine, The problem is with the News section. The news section doesn't want to move with the top section. I have tried having a div that acts as a spacer, etc. Nothing gets that News section to budge downwards.. any help guys?
CSS:
dev.willhostforfood.com/default.css |
