Hello,
I'm trying to build a simple site that uses a sidebar and content
without frames. I use a DIV floating model, but on Android there are
two problems:
1) the scroll for the content is not limited to the content, but the
entire page, pushing the sidebar out of the frame
2) I can't scroll all the way to the end, the last 100 pixels or so
can't be scrolled to
Is there any combination of settings to combat this? Here's a sample
of my layout. Thanks.
<head>
<style type="text/css" media="screen, print, projection">
body,
html {
margin:0;
padding:0;
color:#000;
background:#ffffff;
}
#sidebar {
float:left;
width:310px;
padding:0px;
}
#content {
height:700px
padding:0px;
overflow:auto;
white-space:nowrap;
}
img.photo {
border:2px solid #000000;
display:inline;
margin-right:10px;
margin-top:37px;
margin-bottom:37px;
}
</style>
</head>
<body>
<div id="wrap">
<div id="sidebar">
<img src="menu.jpg" width="310" height="700" border="0"
usemap=#menumap>
</div>
<div id="content">
<img src="exhibitions/enoshima/100631_enoshima041_TX4.jpg"
class="photo">
<img src="exhibitions/enoshima/100631_enoshima054_TX4.jpg"
class="photo">
</div>
</div>
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
