PDA

View Full Version : constraing the browser

gucci09
10th January 07, 05:53 PM
ok so i fixed my last problem with some help. does anyone know how to contrain the size of the window so that as a user is trying to resize once the window gets to a certain point it cannot be resized anymore but scroll bars come up which allows them to see what is covered?
gucci09
10th January 07, 06:27 PM
html,body{
height: 100%;
width: 100%;
min-height:50em;
min-width: 50em;


}
* {
margin: 0;
padding: 0;
}
#container {
height:100%;
width: 100%;
background: #000000;




}
#menu {
width: 100%;
height:10%;
position:relative;
background: yellow;

}
#tree {
float:left;
width: 30%;
height: 90%;
background: green;
overflow:auto;
}
#input {
width: 70%;
height: 60%;
float: right;
position:relative;
background: orange;
overflow:auto;

}
#description {
width: 70%;
height: 30%;
float: right;
position:relative;
background: lightblue;
overflow:auto;
}
gucci09
10th January 07, 06:28 PM
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<link href="jvdt.css" rel="Stylesheet" type="text/css" />
</head>
<body>

<title>JVDT - CSS Test</title>

<div id="menu"><center>yellow</center></div>
<div id="tree">green
blah
<br />
valh
<br />
afadfdfa
<br />
dffad
<br />
fadf
<br />
dafa
<br />
dfadfaf
<br />
dafadf
<br />
afdfad
<br />
fadfa
<br />
dfadfad
<br />
fdf
<br />
fdfadfdaf
<br />
d
<br />
fda
<br />
fad
<br />
f
<br />
ad
<br />
fad
<br />
f
<br />
ad
<br />
fa
<br />
d
<br />
fa
<br />
df
<br />
ad
fd
fa
d
f
daf
afd
adsf

</div>
<div id="input">orange
adkfljadl;f
<br />
adfadfdaf
<br />
adfadfadfad
<br />
afdafdfdaf
<br />
hthgjyud
<br />
agdfg***fafg
<br />
adfadffdafgasghg<br />
<br />
afdedf
<br />
<br />
adfadfadfd
<br />
adfadffhfgd
<br />
adfahgrfd
<br />
fddagf
<br />
dfad***
<br />
afdafafsc
<br />
adfdadfdfa
<br />
daffaaf

</div>
<div id="description">lightblue
dafdfdsxd<br />
<br />
dfdafdf
<br />
afadffad
<br />
adfadfadfd
<br />
adfafadfgdaf
<br />
adfafdfa
<br />
afdfadfdag
<br />
dafdffdad***
<br />
dfa
<br />
dfad
<br />
dagafg
<br />
dfgfhghh
<br />
dfadhfhsf
<br />
***afhafg
<br />
fdgdfgagg
<br />
agshhgfghs
<br />
gffdgfhgfh
<br />
agfhhgs
<br />
dgadgharf
<br />
dgfdgh
<br />
dgdagfgdagda

</div>
</body>
</html>
gucci09
10th January 07, 06:28 PM
i know there is alot of nonsence going on but i was using it to test and i cannot show the actual site we are building