Browser Ignoring Relative Div Height... 1

BoulderBum · Dec 20, 2005

I have what seems like a simple layout issue: I want a div to be a fixed relative height. Unfortunately, this one has me stumped and frustrated. Why doesn't this work and what do I need to do to fix it:

Code:

<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml">[/URL]
<body>
    <form>
        <div style="[b]height: 100%[/b]; background-color: Orange">
            test
        </div>
    </form>
</body>
</html>

Vragabond · Dec 20, 2005

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"

http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="

http://www.w3.org/1999/xhtml">

<head>
<title></title>
<style type="text/css">
html, body { margin: 0; padding: 0; height: 100%; }
</style>
</head>
<body>
<form>
<div style="height: 100%; background-color: Orange">
test
</div>
</form>
</body>
</html>

BoulderBum · Dec 21, 2005

Sweet. Thanks!

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Browser Ignoring Relative Div Height... 1

BoulderBum

Programmer

Vragabond

Programmer

BoulderBum

Programmer

Similar threads

Part and Inventory Search

Sponsor