New Topic/Question
Reply
There are plenty of examples of how to do this with fixed heights, but I want the div heights to adjust to the height of the "highest" one in the container.
css:
@charset "UTF-8";
/* CSS Document */
body {
margin: 0 auto;
padding: 0;
font-family: "Times New Roman", Times, serif;
font-size: 14px;
background-color: #dddddd;
}
.articles {
position: relative;
top: 0px;
left: 0px;
width:500px;
background: grey;
}
.title {
position: relative;
top: 0px;
left: 0px;
width: 200px;
height: 100%;
background: green;
}
.Auth {
position: relative;
top: 0px;
left: 200px;
width: 200px;
height: 100%;
background: red;
}
.CoAuth {
position: relative;
top: 0px;
left: 200px;
width: 200px;
height: 100%;
background: yellow;
}
html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Testing</title> <link href="Styles/test.css" rel="stylesheet" type="text/css" /> </head> <body <div class="articles"> <div class="title">PHPTITLE</div><div class="Auth">PHPAUTH<br><br>testing</div><div class="CoAuth">PHPCOAUTH</div> </div> <div class="articles"> <div class="title">PHPITLEBBBBBBBB</div><div class="Auth">PHPnewAUTH<br><br>testing<br>testing testing testing testing testing testing testing testing testing testing testing testing testing testing testing testing </div><div class="CoAuth">PHPCOAUTHone</div> </div> <div class="articles"> <div class="title">PHPTITLECCCCCCCC</div><div class="Auth">PHPnewAUTH<br><br>testing<br>testing testing testing testing<br><br>testing testing testing testing testing testing testing testing testing testing testing testing </div><div class="CoAuth">PHPCOAUTHtwo</div> </div> </body> </html>
MultiQuote
| 