instead of using fixed widths try using percentages. Check out this link for
more detailed information.
http://www.maxdesign.com.au/articles/liquid/
On May 2, 2011, at 7:45 PM, HeroOfSpielburg wrote:
> 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]
--
--
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]
