Hi I'm tryng to make two boxes on my page always the same hight, no matter how much text is inside one of them.

So the boxes will always be the hight of the box with the most text.

you can see what I meen here:

http://wearecrunch.dk/test-globeaid/

I would wan't the two boxes to be the hight of the one to the left with the most text.

this is my css:

#indexcontent{
background-color:#336699;
border-top:#2175a5 solid 10px;
padding:10px 10px 10px 10px;
display:inline;
position:relative;
width:421px;
float:left;
}

#indexblog {
background-color:#3333FF;
border-top:#2175a5 solid 10px;
padding:10px 10px 10px 10px;
position:relative;
width:421px;
float:left;
margin-left:100px;

I hope you can help, thank you.

Recommended Answers

This cannot be done with HTML or CSS alone. You will need a scripting language.

Regards, Arkinder

Jump to Post

There are quite a few that can do it, but try the JavaScript forum.

Regards, Arkinder

Jump to Post

All 6 Replies

This cannot be done with HTML or CSS alone. You will need a scripting language.

Regards, Arkinder

oh ok, thx for your quick reply, do you know what scripting language I would need and would you know how, or could you just point me to the correct forum to post the question?

There are quite a few that can do it, but try the JavaScript forum.

Regards, Arkinder

if all else fails just create a table and style your td's accordingly.

this will be the easiest solution i think :D

if all else fails just create a table and style your td's accordingly.

this will be the easiest solution i think :D

Easy, no. Functional, no. Outdated technique from 1996, yes.

Regards, Arkinder

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.19 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.