Hi folks, I have a very simple requirement - I want to have a row of
divs of fixed size (but unknown number of them)
This will be in a container div and scrolled by other means
Is there any way of doing this so that the row is maintained and does
not break at the browser width? Typically IE does what I want....
although I gather its "wrong" on the specs.
I can see myself ending up using a table, which spoils some other plans
I had.
Here is my code:
<html>
<head>
<title>horiztest</title>
<style type="text/css">
<!--
..Hblock {
float: left;
clear: right;
height: 200px;
width: 240px;
margin: 0px;
padding: 10px;
border-top: 1px dotted #FF9900;
border-right: 1px dotted #FF9900;
border-bottom: 1px dotted #FF9900;
border-left: 1px none #FF9900;
text-align: justify;
overflow: auto;;
}
..dynPage {
left:0px;
top:0px;
width:auto;
height:300px;
visibility:visible;
margin: 0px;
padding: 0px;
}
#divScroller {position:absolute; overflow:hidden; z-index:9; left:0px;
top:120px; width:770px; height:300px; clip:rect(0px,770px,300px,0px);
visibility:visible}
-->
</style>
</head>
<body>
<div id="divScroller">
<div id="dynPage1" class="dynPage">
<div class="Hblock">
lorum ipsum dolar sit amet con quista lorum ipsum dolar sit amet con
quista lorum ipsum dolar sit amet con quista lorum ipsum dolar sit amet
con quista lorum ipsum dolar sit amet con quista</div>
<div class="Hblock">
lorum ipsum dolar sit amet con quista lorum ipsum dolar sit amet con
quista lorum ipsum dolar sit amet con quista lorum ipsum dolar sit amet
con quista lorum ipsum dolar sit amet con quista</div>
<div class="Hblock">
lorum ipsum dolar sit amet con quista lorum ipsum dolar sit amet con
quista lorum ipsum dolar sit amet con quista lorum ipsum dolar sit amet
con quista lorum ipsum dolar sit amet con quista</div>
</div>
</div>
</body>
</html>