Is it possible to bottom-justify text within a <div>?

#1 (**permalink**) 07-24-2008, 03:09 AM

I have a small paragraph I'd like to bottom-justify in a <div>. Is this even
possible?

#2 (**permalink**) 07-24-2008, 03:48 AM

Nope.

Next question? :-)

--

Walt

"mjs" <no@thanks.com> wrote in message
news:g68rpg$1ba$1@forums.macromedia.com...
>I have a small paragraph I'd like to bottom-justify in a <div>. Is this
>even possible?
>

#3 (**permalink**) 07-24-2008, 04:20 AM

"Walt F. Schaefer" <walt@waltswebworx.com> wrote :
>
> "mjs" <no@thanks.com> wrote :
>>
>> I have a small paragraph I'd like to bottom-justify in a <div>. Is this
>> even possible?
>
> Nope.
>
> Next question? :-)

Looks like I'm going back to tables... for the Nth time. ;-)

Not sure why anyone ever talked me out of 'em. I keep hitting these brick
walls that can only be solved via tables.

#4 (**permalink**) 07-24-2008, 05:34 AM

> Not sure why anyone ever talked me out of 'em. I keep hitting these brick
> walls that can only be solved via tables.

I'm not sure why. I haven't used them for years, except for tabular data and
some forms, and haven't found any need to. Divs are far more flexible, use
less code and provide many times the overall layout capability. Best to
figure them out I think.

--

Walt
> "Walt F. Schaefer" <walt@waltswebworx.com> wrote :
>>
>> "mjs" <no@thanks.com> wrote :
>>>
>>> I have a small para

"mjs" <no@thanks.com> wrote in message
news:g69000$5f5$1@forums.macromedia.com...
> "Walt F. Schaefer" <walt@waltswebworx.com> wrote :
>>
>> "mjs" <no@thanks.com> wrote :
>>>
>>> I have a small paragraph I'd like to bottom-justify in a <div>. Is this
>>> even possible?
>>
>> Nope.> Not sure why anyone ever talked me out of 'em. I keep hitting
>> these brick
> walls that can only be solved via tables.

>>
>> Next question? :-)
>
> Looks like I'm going back to tables... for the Nth time. ;-)
>
> Not sure why anyone ever talked me out of 'em. I keep hitting these brick
> walls that can only be solved via tables.
>

#5 (**permalink**) 07-24-2008, 08:50 AM

On Wed, 23 Jul 2008 23:09:12 -0400, "mjs" <no@thanks.com> wrote:

>I have a small paragraph I'd like to bottom-justify in a <div>. Is this even
>possible?
>

CSS can be tricky in parts

but do you mean something like this ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
..box {
width: 80%; background-color:silver;
height: 4em; }
..box p {
font-family: Arial, Helvetica, sans-serif;
font-size: 15x;
color: red;
padding-left: 1em;
padding-top: 2.75em; }
</style>
</head>
<body>
<div class="box"><p>This quick brown fox</p></div>
</body>
</html>
--

~Malcolm~*...
~*

#6 (**permalink**) 07-24-2008, 10:41 AM

mjs wrote:
> I have a small paragraph I'd like to bottom-justify in a <div>. Is this even
> possible?

Just use the padding-top to put space above the text to make it move to
the bottom of the div.

Steve

#7 (**permalink**) 07-24-2008, 10:50 AM

Dooza wrote:
> mjs wrote:
>> I have a small paragraph I'd like to bottom-justify in a <div>. Is
>> this even possible?
>
> Just use the padding-top to put space above the text to make it move to
> the bottom of the div.

There are all sorts of tricks that can be used to 'initially' place the
text/element at the foot of a <div> i.e., using padding, using height on
the <div> using 100% height on html and body BUT all will fail at some
stage when the content 'grows' in other parts of the design.

There is NO css equal to aligning an element to the bottom like can be
achieved when using a table...so I don't align anything to the bottom
when undertaking a web design. I say that's bad because it can sometimes
compromises the design I want to achieve...but I can't have both...I can
choose between the lesser of two evils and using <divs> instead of
tables, I believe, come out on top in this senario.

#8 (**permalink**) 07-24-2008, 01:58 PM

It's a design issue. Sometimes, you just want the text to be at the bottom
of the section, on top of a background image that springs upwards.

If the text were static, I wouldn't need to bottom-justify it. But it's not.
It's dynamic.

"Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
news:g69uh6$8gs$1@forums.macromedia.com...
> Let's examine WHY you need to bottom justify. Can you elaborate, please?

#9 (**permalink**) 07-24-2008, 02:04 PM

"Osgood" <notavailable@thisaddress.com> wrote in message
news:g69mqa$ku$1@forums.macromedia.com...
> There are all sorts of tricks that can be used to 'initially' place the
> text/element at the foot of a <div> i.e., using padding, using height on
> the <div> using 100% height on html and body BUT all will fail at some
> stage when the content 'grows' in other parts of the design.
>
> There is NO css equal to aligning an element to the bottom like can be
> achieved when using a table...so I don't align anything to the bottom when
> undertaking a web design. I say that's bad because it can sometimes
> compromises the design I want to achieve...but I can't have both...I can
> choose between the lesser of two evils and using <divs> instead of tables,
> I believe, come out on top in this senario.

Doesn't anyone find it ridiculous that we can't bottom-justify text in 2008,
unless we go back to 1995 technology?

How do the people who make these decisions keep forgetting stuff like this?
Tables would be all but obsolete if not for the fact that they can occuppy
100% of a viewable area dynamically (which divs still cannot do), and can
justify their content in any manner imaginable.

Again, I ask... how many more years of people continuing to complain about
having to go back to tables do the people making the decisions need before
they simply incorporate the functionality in divs?

<div style="width:100%; height 100%"></div>

Or..

<div style="text-align:bottom"></div>

I know we can't do either of these things right now, but I find it
ridiculous that we can't. TPTB keeps finding new ways to wow us, while
completely ignoring the basics that are forcing some of us to continue to
mix divs with tables in our layouts.

I can't "simulate" bottom-justification via top-padding because the text
being justified is dynamic, not static.

#10 (**permalink**) 07-24-2008, 02:05 PM

> It's a design issue. Sometimes, you just want the text to be at the bottom
> of the section, on top of a background image that springs upwards.

The best way to not fight CSS it work within it's abilities. Design around
the medium you are workin in.

I think we web developers sometimes get hung up on accommodating a specific
visual design need when it's usually more pragmatic to accommodate the
specific HTML/CSS abilities and tweak the visual design as needed.

All that said, if you can post a visual, folks would be glad to lend a hand
in figuring out ways to accomplish what you want.

And yea, sometimes a table is just the trick needed.

-Darrel

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode