Major problems with CSS layouts using DIVs and SPANs

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Liam Gibbs - 07 Jul 2008 23:14 GMT

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.

Reply to this Message

John Hosking - 08 Jul 2008 00:12 GMT

> 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
[quoted text clipped - 7 lines]
> What I need the page to look like can be found at
> http://www.altmarvel.net/Liam/whatineed.bmp.

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. ;-)

> My problems are these:

[snipped]

> 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.

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>

Signature

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

Reply to this Message

dorayme - 08 Jul 2008 03:01 GMT

In article
<1eaccd9f-d5bb-4a88-a1ec-309f26f2cc46@c58g2000hsc.googlegroups.com>,

> Hello everyone,
>
> This will be my third time posting this...
> I'm having huge problems ...
> http://www.altmarvel.net/Liam/index.html

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>

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

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.

> 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.

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.

> 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.

Forget about back to top. No one needs it and you are wasting energy.

> Can anyone help please? If I don't get an answer, I'm going to go with
> the frowned-upon tables-for-layout method

If you are in a hurry, I think you better carry out that threat!

Signature

dorayme

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / July 2008

Major problems with CSS layouts using DIVs and SPANs