S
sfitas
Hello,
I need to have 3 divs (or table rows) in horizontal aligment , the
first and third should have about 30px and the second(the centre one)
should take the rest of remaining space between them. The example below
is to ilustrate what I want do achieve but the center divs height is
set to 90% which is not very good for every screen size.
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
</head>
<body style="height: 100%; margin: 0 0 0 0;">
<form id="form1" runat="server">
<div style="height: 100%; width: 100%; background-color:
Fuchsia; ">
<div style="height: 30px; background-color: Aqua; width:
100%;">
header</div>
<div style="height: 90%; width: 100%; background-color:
Beige;">
w</div>
<div style="height: 30px; background-color: Brown; width:
100%;">
footer
</div>
</div>
</form>
</body>
</html>
I need to have 3 divs (or table rows) in horizontal aligment , the
first and third should have about 30px and the second(the centre one)
should take the rest of remaining space between them. The example below
is to ilustrate what I want do achieve but the center divs height is
set to 90% which is not very good for every screen size.
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
</head>
<body style="height: 100%; margin: 0 0 0 0;">
<form id="form1" runat="server">
<div style="height: 100%; width: 100%; background-color:
Fuchsia; ">
<div style="height: 30px; background-color: Aqua; width:
100%;">
header</div>
<div style="height: 90%; width: 100%; background-color:
Beige;">
w</div>
<div style="height: 30px; background-color: Brown; width:
100%;">
footer
</div>
</div>
</form>
</body>
</html>