...

View Full Version : Vertical-align bottom issue



FrancisK7
06-13-2010, 10:39 PM
I know the vertical-align attribute behaves differently for table cells and divs, but I've always had issues with it.

On this page:
http://www.grimm-aerosol.ca/

In the red dotted bordered div, I want the content to be aligned to the bottom vertically so it meets with the edge of the left photo frame.

Is there an easy way to do it without resorting to table? I've been trying to leave tables out of my designs entirely lately.

Thank you!

optimus203
06-14-2010, 12:17 AM
Your link isn't loading up for me.

FrancisK7
06-14-2010, 12:43 AM
The DNS are having issues atm, if you refresh once or twice it'll load.

I'm not even sure what the problem is, I'm hosting about 12 other sites on the server without issue, but this domain was bought with netfirms and it took 48hrs for new DNS to propagate. Really ****ty.

learn
06-14-2010, 01:39 AM
It still not load.

abduraooft
06-14-2010, 10:05 AM
Here you go...

<div class="latestnews">
<div>
<h1>Latest News</h1>
<p>Our new website has been launched. Grimm Aerosol will be present at the NAME conference in Calgary on DATE.</p>
<br>
<p>Our particulate rack mount monitor are currently a candidate for US EPA, PM 2.5, Class III,
equivalent method designation.</p>
</div>
</div>

div.latestnews{
position:relative;
}
div.latestnews div{
position:absolute;
bottom:0;
left:0;
}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum