/    Sign up×
Community /Pin to ProfileBookmark

Div align at bottom

Copy linkTweet thisAlerts:
Feb 22.2011

Hello there, I have a question how I can make a div align at the left bottom of a div without using margin…
This is because there is already a margin top and bottom only the div needs to go down when the content next to it gets bigger.

Till now i got this in the css:
width:270px;
min-height:20px;
margin-top:34px;
margin-bottom:34px;
float:left;

the div is:
<div=”surroundingdiv”>
<div=”menudiv”>Gets bigger when there are more pages</div>

<div id=”image_left_bottom”>
{if $page->description5 == ”}
{else}
{$page->description5}
{/if}
</div>

</div>
<div=”contentdiv”>If there is a lot of text here it will automatic gets bigger through min-height.</div>

I hope someone has a simple/effective solution for me

to post a comment
CSS

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@Big_O_1_Feb 22.2011 — by default, all elements have static position. That means if you have a bunch of block-level elements like divs, they will display one below the other, as far up as possible. To move things down or up you will have to use paddings, margins, line breaks (which I don't recomment), or heights. To manually control position as you are asking, you can use absolute or relative positioning. Here is some information on CSS positioning:

http://www.w3schools.com/css/css_positioning.asp
×

Success!

Help @Beginner51765 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.2,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...