Hi all,
I am getting fairly desperate by now, trying to figure out why browsers
cannot calculate the remainder of the page like I want it to be, namely
the *actual visible* remainder of the page.
It shows my scrollbars an inch or so outside the page, while of course
it should be exactly at the window edge at all sides.
I work in IE (it was not my choice!) and there it doesn't show correctly.
Thanx in advance!
Yereth Jansen
Here is my code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style>
body {
font-size: 12px;
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
overflow: hidden;
}
div.previewInfoAssets {
float: left;
height: 100%;
padding: 0px 2px 0px 2px;
margin: 0px;
background-color: menu;
}
div.previewInfoAssets fieldset {
display: inline;
height: 100%;
margin: 0px;
padding: 3px;
width: inherit;
}
div.previewContent {
border: inset 1px black;
height: 100%;
margin: 0px;
padding: 5px;
background-color: window;
overflow: scroll;
}
div.container {
background-color: menu;
padding: 0px;
margin: 0px;
}
</style>
</head>
<body>
<div class="container">
<div class="previewInfoAssets">
<fieldset>
<legend>zoutuitbloei3.jpg</legend>
<table>
<tr>
<td>Width:</td>
<td> </td>
<td></td>
</tr>
<tr>
<td>Height:</td>
<td> </td>
<td></td>
</tr>
<tr>
<td>Modified:</td>
<td> </td>
<td>1970-01-01, 01:01:25</td>
</tr>
<tr>
<td>User Modified:</td>
<td> </td>
<td>Yereth</td>
</tr>
<tr>
<td>Created:</td>
<td> </td>
<td>1970-01-01, 01:01:25</td>
</tr>
<tr>
<td>Owner:</td>
<td> </td>
<td>Yereth</td>
</tr>
</table>
</fieldset>
</div>
<div class="previewContent">
<img
src="http://www.wharfmedia.nl/ewyse/site/library/images/zoutuitbloei3.jpg"
/>
</div>
</div>
</body>
</html>
Similar Threads
