Help lining divs up

[Xaqte]

I'm setting up an interface, thats supposed to look like this:

But, I'm realling having a problem lining it up correctly. Here is the page in progress:

http://knowmad.com/~ian/test/src/newwelcome.html

As you can see, I've had to resort to absolute positioning the button images. Due to this, I think is where I'm having a problem lining up the "1st Inconclusive" phrase. Another problem I'm having is that IE is displaying the items a little lower than FF.

I would really appreciate any thoughts/suggestions that could help me with this!

Thanks,

X

 

[Vragabond]

First, let me tell you that I don't have enough time to go through it all so these will be more or less general suggestions.

I am confused as to why your code begins with four nested divs. Is that really necessary. All the nested divs seem to be in the same place so I believe you could probably consolidate that somehow.

Second, there is no need for spacer divs. You should use margins to create spacing.

Lastly, I believe you are overcomplicating. This is what I would do, based on my inspection of the picture.

1. Main Window
2. Left side:
2a. Title for the side, possibly something along h1
2b. Unordered list for all the items on the left side, where one list item consists of picture, text and box. This could be achieved by img tag, some margin, regular text and floated input box (or whatever the latter part is)
3. Right side:
3a. Title for the side, possibly something along h1
3b. Unordered list for all the items on the right side, where one list item consists of picture and text. Direction of the list items is right to left instead of normal left to right.
4. A footer.

Hope this helps.

 

[Tarwn]

Supposed to look like what? (reference to original post)

Also, the link is dead.

 

[Xaqte]

Sorry, I figured it out... right before the design got changed again by upper management.


Thanks for everyone who responded!

X