Click here to get back home

How to push elements to the bottom
 Home | NewsGroups | Search | About
Login Password
Register Now!
 comp.infosystems.www.authoring.html    Post an article   get this group's latest topics as an RSS feed add this group's latest topics to your My MSN content add this group's latest topics to your My Yahoo content
Subject Author Date
How to push elements to the bottom Werner Partner 08-21-2007
Posted by Werner Partner on August 21, 2007, 6:07 am
Please log in for more thread options

http://michels.kairos-team.de/info.php

Th blue <div> has fixed height. It looks better, and the purpose is that
people need not move the mouse up and down to klick [weiter] and [zurück].

But it still does not work as I want.

How do I force the two Elements to the bottom.

You see I tried
<div style="position:bottom">
        <a href="index.php"><img src="pics/zurueck.gif" alt="" border="0" align
= "left"></a>
        <a href="info.php?idx=2"><img src="pics/vor.gif" alt="" border="0"
align = "right"></a>
</div>

But it does not do what I want

thanks for help

Werner

--
--------------------------------------------------
Dorothee & Werner Partner, 45699 Herten
http://www.sonoptikon.de

Posted by André Gillibert on August 21, 2007, 7:13 am
Please log in for more thread options

Werner Partner wrote:

> http://michels.kairos-team.de/info.php
>
> Th blue <div> has fixed height. It looks better, and the purpose is that
> people need not move the mouse up and down to klick [weiter] and
> [zurück].
>

It looks bad on my browser because I've to horizontally scroll because of
a browser panel on the left.

You use a fixed layout. Fixed layout are bad for everybody but the author.

> [...]
> You see I tried
> <div style="position:bottom">
>         <a href="index.php"><img src="pics/zurueck.gif" alt="" border="0" align
> = "left"></a>
>         <a href="info.php?idx=2"><img src="pics/vor.gif" alt="" border="0"
> align = "right"></a>
> </div>
>

bottom is an invalid value for the position attribute:
See http://www.w3.org/TR/CSS2/visuren.html#positioning-scheme

"position: relative; bottom: 0px" could work.

You could improve your design.
Set the alt to "zurueck" and "vor" for your two images. These would be
perfectly accurate alternative texts.
Use the W3C validator to check your code, and correct all the errors.
http://validator.w3.org/check?uri=http%3A%2F%2Fmichels.kairos-team.de%2Finfo.php&charset=%28detect+automatically%29&doctype=Inline&group=0

Same thing for CSS:
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fmichels.kairos-team.de%2Finfo.php&warning=1&profile=css21&usermedium=all

If you use presentational markups, don't use the strict formal public
identifier of HTML 4.01 in the document type declaration.

From your site:
|
| <p><a name="TOP"></a></p>
|

Remove that thing. Put an id to the body, if you need to refer to the
whole document "fragment".

| <div id="wrap">

Why do you need a "wrapper". Body is already a wrapper!

| <i><h1>kairos team</h1></i>

h1 is a block level element, i is a text element (of HTML Transitional).

<h1>kairos team</h1>

Is simple, clear and semantic. If you want to italicize it, use CSS:

h1 {font-style: italic;}

align attributes are not part of HTML 4.01 strict.
And there's more to say.

Anyway, the main issue is the fixed layout. Please, try to find a more
flexible layout.
--

Posted by Ben C on August 28, 2007, 11:29 am
Please log in for more thread options


> Werner Partner wrote:
>
>> http://michels.kairos-team.de/info.php
>>
>> Th blue <div> has fixed height. It looks better, and the purpose is that
>> people need not move the mouse up and down to klick [weiter] and
>> [zurück].
>>
>
> It looks bad on my browser because I've to horizontally scroll because of
> a browser panel on the left.
>
> You use a fixed layout. Fixed layout are bad for everybody but the author.
>
>> [...]
>> You see I tried
>> <div style="position:bottom">
>>         <a href="index.php"><img src="pics/zurueck.gif" alt="" border="0" align
>> = "left"></a>
>>         <a href="info.php?idx=2"><img src="pics/vor.gif" alt="" border="0"
>> align = "right"></a>
>> </div>
>>
>
> bottom is an invalid value for the position attribute:
> See http://www.w3.org/TR/CSS2/visuren.html#positioning-scheme
>
> "position: relative; bottom: 0px" could work.

No that wouldn't make any difference. What could work is "position:
absolute; bottom: 0", and "position: relative" on the box you want this
box to be at the bottom of.

Position: relative is relative to a box's normal flow position.
Position: absolute is relative to the box's containing block, and
position: fixed is relative to the viewport. Badly named if you ask me
but that's what they mean.

Posted by Robert Latest on August 21, 2007, 11:10 am
Please log in for more thread options


Werner Partner wrote:

> http://michels.kairos-team.de/info.php

Much of the page hangs out to the right. I can't see the "Weiter" button
without scrolling. You seem to use a fixed-width layout. Very bad idea.

Then of course, on your webpage, you're trying to get people to become
"business partners" without telling what kind of business you're involved
with. Don't change the layout; it matches the content in fishiness.

robert

Posted by Werner Partner on August 21, 2007, 11:50 am
Please log in for more thread options


Robert Latest schrieb:
> Werner Partner wrote:
>
>> http://michels.kairos-team.de/info.php
>
> Much of the page hangs out to the right. I can't see the "Weiter" button
> without scrolling. You seem to use a fixed-width layout. Very bad idea.
>
> Then of course, on your webpage, you're trying to get people to become
> "business partners" without telling what kind of business you're involved
> with. Don't change the layout; it matches the content in fishiness.

First I used <table> s, then everything was ok.
I was suggested to change <table> to CSS - after this everything is
wrong :-((
#
Werner

--
--------------------------------------------------
Dorothee & Werner Partner, 45699 Herten
http://www.sonoptikon.de

Similar ThreadsPosted
push button ?? August 3, 2006, 5:50 am
forms: push button on "enter" July 26, 2007, 12:31 am
Trying to align something at the very bottom August 19, 2006, 3:50 pm
Bottom of RSS Feed cut-off? May 25, 2007, 10:08 am
What good is margin-bottom in IE? November 3, 2004, 1:28 pm
div align bottom inside a td February 5, 2006, 7:27 pm
CSS: border-bottom not showing up??? May 7, 2007, 5:41 am
Keeping the footer at the bottom April 25, 2008, 8:09 pm
Bottom border on after the headings on the table.. November 19, 2004, 2:23 am
table should be aligned on bottom of a Frame November 26, 2004, 10:55 am

Our other projects:

Art Dolls, Fairies and Mermaids - Sunnyfaces.net

Roy's Linux, Programming and Search Engines messages

1-Script XML SitemapXML Sitemap