Major problems with CSS layouts using DIVs and SPANs

Hello everyone,

This will be my third time posting this, but for some reason, my
message isn't get through to the newsgroup, even after hours of
waiting. So here goes again.

I'm having huge problems with a site I'm creating for a church. I'm
trying to use DIVs and SPANs for the layout, not a table, but I'm
honestly thinking of just going with the table since it's MUUUCCCCHHH
less of a headache. My page can be found at http://www.altmarvel.net/Liam/index.html
and my CSS can be found at http://www.altmarvel.net/Liam/OCOC.css.
What I need the page to look like can be found at
http://www.altmarvel.net/Liam/whatineed.bmp. My problems are these:

1. The search stuff should appear horizontally in line with the menu
and on the right side of the page, not below it.

2. On the left side of the border division of the main page, the boxes
should appear two by two, not each on its own row. They don't no
matter their widths.

3. In the bottom-right corner is the copyright info and the Back to
Top link, which is the footer. This should appear at the bottom of the
page. I have no idea what it's doing there.

4. In IE (but not in Firefox) the whole page gets cut off right below
the footer. I don't know why.

Can anyone help please? If I don't get an answer, I'm going to go with
the frowned-upon tables-for-layout method because, even if they
weren't meant for such, at least they'll work... and they won't make
me want to toss my computer out the window.

Thanks to anyone with any ideas.

re: Major problems with CSS layouts using DIVs and SPANs

Liam Gibbs wrote:There seems to be some (or more than just some) confusion: this is a
bitmap image file of a page that seems to be missing its styling and
graphics, and which has to do with Marvel comics. The rest of this post
and the other one I mention below seem to refer to the Ottawa Church of
Christ. Now, I've known people who were religious about their comic
books, but I think you're getting some things mixed up. ;-)
[snipped]Yes, it looks like your first post has disappeared, but you're getting
answers at what I believe to be your second attempt, under
<bb833e31-20f8-4f0b-8a8b-9b8ecc854faf@34g2000hsf.googlegroups.com>


--
John
Pondering the value of the UIP: http://improve-usenet.org/

re: Major problems with CSS layouts using DIVs and SPANs

In article
<1eaccd9f-d5bb-4a88-a1ec-309f26f2cc46@c58g2000hsc.googlegroups.com>,
Liam Gibbs <liamgibbs@sympatico.cawrote:
People are perhaps not replying because you are appear to be too far
behind the learning curve and it being hard to know where to begin. They
may be supposing you should go through the tutes at:

<http://htmldog.com/guides/htmlbeginner/>

But, luckily, I am not human and so I give you a few things below that
might help get you going a bit. First thing to do is never for the next
6 months use SPAN. You have overdone these to death and are now banned
from them for your own good <g>Make the navigation strip a UL list and one CSS way to get horiz is to
specify: li {display: inline; ...}. Along with paddings and margins to
suit your needs. Better than your spans and complicated CSS for them.
If you want boxes to be side by side, you can use divs and float them.
It is simple enough, css: div {float: left; ...} with margins and
paddings to suit. You need to make sure there is room for the two to be
side by side.

You also need to understand the css "clear" for when you put in your
next two boxes below. The first of the second pair will, in effect, have
clear: left; on it to stop an attempt for all the boxes to be on one
line.

Forget about back to top. No one needs it and you are wasting energy.
If you are in a hurry, I think you better carry out that threat!

--
dorayme