|
Posted by Gernot Frisch on 10/06/50 11:42
No clue.
- I want to align the red, green, blue boxes in one line
- red,green,blue must be 45px high
- red (center) must be as wide as possible
- yellow must start exactly below the line
- yellow must be left aligned with red one.
Please, please help!
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//DE">
<html>
<head>
<style>
/* MAIN AREA*/
.X1{
display:inline;
background-color: green;
margin-left: 32px;
width: 12px;
height: 45px;
}
.X2{
display:inline;
background-color: red;
width: 90%;
height: 45px;
}
.X3{
display:inline;
background-color: blue;
width: 12px;
height: 45px;
}
.Y2{
width:90%;
background-color: yellow;
margin-top: 45px;
margin-left: 44px;
}
</style>
</head>
<body>
<div class="X1"> </div>
<div class="X2">Header</div>
<div class="X3"> </div>
<div class="Y2">Her is some long text</div>
</body></html>
[Back to original message]
|