New Problems with Positioning

This time I've got a url!
http://www.wmich.edu/ucm/testing/index_pos.htm


1) How can I make the lengths of the white sections (the main area and the
link area on the right) the same length? Do I have to specify pixels or
is there another way around that?

2) In the main section: I'd like to make the text sit to the right of the
icons, not flow around it. I'd also like the description text to be
smaller. Hopefully the sections wouldn't overlap if the display size was
reduced.

Any suggestions, criticisms, etc extremely welcomed!

Thanks everyone!
Susan

Susan wrote:

This time I've got a url!
http://www.wmich.edu/ucm/testing/index_pos.htm


1) How can I make the lengths of the white sections (the main area and the
link area on the right) the same length? Do I have to specify pixels or
is there another way around that?

If you want to achieve an effect you would get with tables,
1) use HTML tables or (if you're not dealing with tabular data)
2) use CSS tables (display: table-cell), but notice that WinIE doesn't
support them.
--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)

Oof. That is pretty horrid. Let me try to upload that once more....

Susan

"Jim Dabell" <jim-usenet (AT) jimdabell (DOT) com> wrote

Susan wrote:

This time I've got a url!
http://www.wmich.edu/ucm/testing/index_pos.htm


1) How can I make the lengths of the white sections (the main area and
the
link area on the right) the same length? Do I have to specify pixels
or
is there another way around that?

I can only see one white section. Screenshot:

URL:http://www.jimdabell.com/screenshots/ucm-01.png

That was in Firebird 0.6, but it was pretty much the same in Konqueror.
There are a number of errors in your HTML, so the first step is to fix
them:

URL:http://validator.w3.org


2) In the main section: I'd like to make the text sit to the right of
the icons, not flow around it.

Put each paragraph into a <p> element and set the left margin on those <p
elements. The left margin is necessary because floating elements will
only
affect the line boxes, not the element as a whole.


I'd also like the description text to be smaller.

If you are using Internet Explorer, you can change your settings under
"Internet Settings", I believe. At the moment, the description text is
using 100%; that is to say that it's using the font size you have
configured your browser with. Lowering it any further may present
problems
to your visitors, but if you must, then simply set the font-size property
on the <p> elements in that section.


--
Jim Dabell

Okay, that seems to have fixed it. Please take a look now.

Thanks!

Susan

"Susan" <nada (AT) nowhere (DOT) com> wrote

Oof. That is pretty horrid. Let me try to upload that once more....

Susan

"Jim Dabell" <jim-usenet (AT) jimdabell (DOT) com> wrote in message
news:ONGdnTTD5td5HpOiXTWJjA (AT) giganews (DOT) com...
Susan wrote:

This time I've got a url!
http://www.wmich.edu/ucm/testing/index_pos.htm


1) How can I make the lengths of the white sections (the main area and
the
link area on the right) the same length? Do I have to specify
pixels
or
is there another way around that?

I can only see one white section. Screenshot:

URL:http://www.jimdabell.com/screenshots/ucm-01.png

That was in Firebird 0.6, but it was pretty much the same in Konqueror.
There are a number of errors in your HTML, so the first step is to fix
them:

URL:http://validator.w3.org


2) In the main section: I'd like to make the text sit to the right
of
the icons, not flow around it.

Put each paragraph into a <p> element and set the left margin on those
p
elements. The left margin is necessary because floating elements will
only
affect the line boxes, not the element as a whole.


I'd also like the description text to be smaller.

If you are using Internet Explorer, you can change your settings under
"Internet Settings", I believe. At the moment, the description text is
using 100%; that is to say that it's using the font size you have
configured your browser with. Lowering it any further may present
problems
to your visitors, but if you must, then simply set the font-size
property
on the <p> elements in that section.


--
Jim Dabell

Okie doke, most of the problems are fixed and its looking a lot better than
the first try! I've got the paragraphs set up for the descriptions and the
font size within those reduced to 80%. But how do I get it to sit next to
the icon rather than underneath it? I'd also like to make the bottom of the
two white areas to match up. Is there a way to do this that will work well
when someone resizes their screen?

Many thanks!

Susan