How to use a script to control the height-adaptive setting of a div with three rows and three columns. In fact, it doesn’t have to be so troublesome. Just set a fixed height for the parent div, such as 10px, and the height of its child div: 100% to achieve height adaption. If you don’t believe it, see Code:
<head>
<style>
body {
font-family: arial, helvetica, sans-serif;
color: black;
margin: 5px;
background:#ffc url(d:/8767a.gif) repeat-y;
padding: 0;
font:12px;
letter-spacing:1px;
text-align:center;
font:120%;
}
ul
{
list-style-type:square;
list-style-image:url(d:/8767a.gif);
list-style-position:inside;
}
li
{
border:1px green solid;
border-width:0px 0px 1px 0px;
cursor:wait;
}
.inline
{
display:block;
}
.div
{
paddin-top:-40px;
}
.maxfont
{
font-size:180%;
}
#header
{
background:gray;
margin:2px 0px;
width:790px;
}
#left
{
background:#ffeef0;
float:left;
width:195px;
height:100%;
}
#middle
{
background:#ffaae0;
float:left;
width:390px;
margin:0px 5px;
height:100%;
}
#right
{
background:#ffaaaa;
float:left;
width:195px;
width:-10px;
height:100%;
}
#footer
{
background:#ffaa11;
clear:both;
width:790px;
margin:1px 0px;
}
#left,#middle,#right
{
text-align:left;
text-indent:24px;
}
#content
{
margin:0px auto;
width:790px;
height:400px;
}
</style>
</head>
<body>
<div style="display:none">
this afternoon
<ul class="inline">
<li>
<p class="div">Normal mode</p>
<p class="maxfont">ssss</p>
<p>aaa</p>
<bfff>
</li>
<li>Dream City XHTML Tutorial.</li>
<li>Dream City CSS Tutorial.</li>
<li>Dream City JAVASCRIPT Tutorial.</li>
</ul>
</div>
<div style="display:none">
Casualties
<ul>
<li>v gma a a</li>
<li>ddd dkdkdkd</li>
</ul>
</div>
<div id="header">
<h1>Script controls three rows and three columns of adaptive height DIV layout</h1>
</div>
<div id="content">
<div id="left">Accessibility isn’t just about blind people and screen readers. There are also many people who are not blind but are visually
impaired - and you and I will become one of them as we get older. One of the simplest ways to make a website more user-friendly is to allow users to change
text size; refusing to offer such an option takes away control from the user and may prevent them from reading comfortably.
Accessibility isn’t just about blind people and screen readers.
There are also many people who are not blind but are visually impaired - and you and Iwill become one of them
as we get older
.One of the simplest ways to make a website more user-friendly is to allow users to change text size; refusing to offer
such an option takes away control from the user and may prevent them from reading comfortably.
</div>
<div id="middle">Accessibility isn't just about blind people and screen readers. There are also many people who are not blind but are
visually
impaired - and you and I will become one of them as we get older.One of the simplest ways to make a website more user-friendly is to allow users
to change
text size; refusing to offer such an option takes away control from the user and may prevent them from reading comfortably.If designers specify text size in pixels, most users will not be able to scale the text because Internet Explorer
changes
text size differently than other browsers.Mozilla and Opera can scale text that has been set to a pixel size, but
IE under Windows cannot.
Accessibility isn’t just about blind people and screen readers.
There are also many people who are not blind but are visually impaired - and you and Iwill become one of them
as we get older
.One of the simplest ways to make a website more user-friendly is to allow users to change text size; refusing to offer
such an option takes away control from the user and may prevent them from reading comfortably.
If designers specify text size in pixels, most users will not be able to scale the text because Internet Explorer
changes
text size differently than other browsers.Mozilla and Opera can scale text that has been sized in pixels, but
IE under Windows cannot. If designers use pixels to specify text size, most users will not be able to scale text because Internet Explorer
changes
text size in the same way.Other browsers are different. Mozilla and Opera can scale text that has been set to a pixel size, but
IE under Windows cannot.
Accessibility isn’t just about blind people and screen readers.
There are also many people who are not blind but are visually impaired - and you and Iwill become one of them
as we get older
.One of the simplest ways to make a website more user-friendly is to allow users to change text size; refusing to offer
such an option takes away control from the user and may prevent them from reading comfortably.
If designers specify text size in pixels, most users will not be able to scale the text because Internet Explorer
changes
text size differently than other browsers.Mozilla and Opera can scale text that has been sized in pixels, but
IE under Windows cannot. If designers use pixels to specify text size, most users will not be able to scale text because Internet Explorer
changes
text size in the same way.Other browsers are different. Mozilla and Opera can scale text that has been set to a pixel size, but
IE under Windows cannot.
Accessibility isn’t just about blind people and screen readers.
There are also many people who are not blind but are visually impaired - and you and Iwill become one of them
as we get older
.One of the simplest ways to make a website more user-friendly is to allow users to change text size; refusing to offer
such an option takes away control from the user and may prevent them from reading comfortably.
If designers specify text size in pixels, most users will not be able to scale the text because Internet Explorer
changes
text size differently than other browsers.Mozilla and Opera can scale text that has been set to a pixel size, but
IE under Windows cannot.
</div>
<div id="right">Accessibility isn't just about blind people and screen readers. There are also many people who are not blind but are
visually
impaired - and you and I will become one of them as we get older.One of the simplest ways to make a website more user-friendly is to allow users
to change
text size; refusing to offer such an option takes away control from the user and may prevent them from reading comfortably.</div>
</div>
</div>
<div id="footer"> Welcome to: www.devdao.com</div >
</body>