New Problems with Positioning

[Susan]

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

[Jim Dabell]

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

[Johannes Koch]

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

[Susan]

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

Susan

"Jim Dabell" <ji********@jimdabell.com> wrote in message
news:ON********************@giganews.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

[Susan]

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

Thanks!

Susan

[Susan]

"Susan" <na**@nowhere.com> wrote in message
news:vg************@corp.supernews.com...

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

Susan

"Jim Dabell" <ji********@jimdabell.com> wrote in message
news:ON********************@giganews.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

[Jim Dabell]

Jacqui or (maybe) Pete wrote:

In article <vg************@corp.supernews.com>, na**@nowhere.com says...

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 thought this would be easy & knocked up :
http://porjes.haxorz.org/ucm.html
http://porjes.haxorz.org/ucm.css

Unfortunately, IE6 gets it very wrong (seems to be ignoring the left
margin on '#rest'). I don't know if anyone has a fix for that?

I encountered a bug a while back with Internet Explorer where it was
randomly dropping left margins, setting an explicit height fixed it (of
course, you'll want to override it back to 'auto' for other browsers). I
think the problem only showed itself when the page was too short for a
vertical scrollbar, and setting a height large enough to trigger the
scrollbar made the left margin appear.

This could well be what you are facing. Odd, but not unexpected really :)

--
Jim Dabell