Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > CSS for expert To apply at a box the HTML's height

Reply
Thread Tools

CSS for expert To apply at a box the HTML's height

 
 
provaands
Guest
Posts: n/a
 
      08-19-2004
To apply at a box the HTML's height

How I can to apply the yellow box's height how the blue box's height;
that height corresponds with Mozilla, or the Netscape to the HTML 's
height (rose),
with 5 IE or IE 6 it corresponds to the BODY's height (green).

Is sufficient that the yellow box's height is how HTML 's height


Even if I apply height=100% at yellow box , it considers as height
total only
the visual part of the browser (viewport) and not the part ' under '
viewport.


Thank you


Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">


<html>
<head>

<style type="text/css">

html {background-color: pink;
margin:0; padding:0;
}
body {background-color: green;
margin:0; padding:0;
}

#boxyellow
{height:100%;
position:relative;
background:yellow;
width:760px;
}

#boxblue {
position:absolute;
top:0;
left:80px;
width:160px;
background:blue;
}


</style>
</head>

<body>
<!-- yellow -->
<div id="boxyellow">
<ul>
<li> BB </li>
<li> BB </li>
</ul>

<!-- blue -->
<div id="boxblue">
<ul>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
</ul>

<ul>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
</ul>
<ul>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
</ul>

<ul>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
</ul>

<ul>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
</ul>
<ul>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
<li> AAAA </li>
</ul>
</div>
<!-- end blue -->

</div>
<!-- end yellow -->



</body>
</html>
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
c++/unix/linux Expert candidate Hurry up ......Apply soon....... anjali C++ 1 05-01-2008 02:13 PM
measuring web controls height at runtime (or converting .height % to px) Wotney ASP .Net 1 10-25-2006 01:39 PM
how to get specific cell height without hard-coding a height value laredotornado@zipmail.com HTML 0 08-19-2006 08:13 PM
To apply at a box the HTML's height provaands HTML 0 08-19-2004 11:18 PM
[XSLT] could not apply "apply-templates" Stefan Siegl XML 1 07-18-2003 09:43 AM



Advertisments