Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > CSS bottom box align

Thread Tools

CSS bottom box align

Posts: n/a
In the CSS code below, .main "height: 35em;" works just fine in IE and FF.

Though in .sidebar the "bottom: 20px;" only works in FF.

Thing is, I really like the way .sidebar works in FF. But IE it doesn't work
in IE.

I even compromised and tried to put "height: 70%;" but it still wouldn't
work in IE.

I simply want the two text boxes to align about 20px from the bottom of the
page (not fixed).

You can see it at:
(the left blue sidebar, when viewed in FF, is what I want)

Here's the code:

{position: absolute;
padding-left: 20px;
padding-right: 10px;
width: 467px;
color: #000;
background-color: #fff;
height: 35em;
overflow: auto;
border-bottom: 12px #9cf solid;

{position: absolute;
left: 497px;
padding-left: 6px;
padding-right: 6px;
width: 131px;
color: #000;
background-color: #69c;
bottom: 20px;
overflow: auto;
border-bottom: 12px #9cf solid;

Any thoughts?


Reply With Quote

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off

Similar Threads
Thread Thread Starter Forum Replies Last Post
css "div" bottom of window or bottom of content. Dan HTML 1 04-04-2008 09:40 AM
CSS to put text at bottom of browser window, or page bottom, whichever is lower? Noozer HTML 1 03-13-2006 10:35 AM
How to align a div on the bottom of another one (using css)? Rafael Cotta HTML 1 04-29-2005 01:38 PM
Using CSS to align a div to the very bottom of the page (inc. other absolute divs) Andrew HTML 1 01-12-2005 05:51 PM
how to Align text left & vertical align middle Kay ASP .Net 2 07-25-2003 08:32 AM