H
hgwoss
Hi everybody,
I have already read quite a bit about this subject. But I did not find
any recent postings. This is why I would like to ask you a question.
Inside a containing element I have arranged two more containers so that
they are aligned horizontally (float:left).
Now if the height of one of these containers gets greater then that of
the other container (due to more lines of text inside that container),
I still want them to have the same height.
As far as I understand, this may not be realizable unless the
containing element is given a specific height.
If there should be a solution, i would be greatfull for advice.
In order to illustrate the problem, here is some code:
<html>
<head>
<style type="text/css">
<!--
..links
{
width:245px;
float:left;
background-color:#E3E5DA;
border: #000000 1px solid;
margin-right:5px;
}
..rechts
{
background-color:#E3E5DA;
border: #000000 1px solid;
float:left;
width:436px;
}
-->
</style>
</head>
<body>
<div>
<div class="links">
Zeile 1<BR>
Zeile 2
</div>
<div class="rechts">
Zeile 1
</div>
</div>
</body>
</html>
I have already read quite a bit about this subject. But I did not find
any recent postings. This is why I would like to ask you a question.
Inside a containing element I have arranged two more containers so that
they are aligned horizontally (float:left).
Now if the height of one of these containers gets greater then that of
the other container (due to more lines of text inside that container),
I still want them to have the same height.
As far as I understand, this may not be realizable unless the
containing element is given a specific height.
If there should be a solution, i would be greatfull for advice.
In order to illustrate the problem, here is some code:
<html>
<head>
<style type="text/css">
<!--
..links
{
width:245px;
float:left;
background-color:#E3E5DA;
border: #000000 1px solid;
margin-right:5px;
}
..rechts
{
background-color:#E3E5DA;
border: #000000 1px solid;
float:left;
width:436px;
}
-->
</style>
</head>
<body>
<div>
<div class="links">
Zeile 1<BR>
Zeile 2
</div>
<div class="rechts">
Zeile 1
</div>
</div>
</body>
</html>