Hello, so I am having the most frustrating time trying to figure this
out.
I have a blank page, with one "float:left" div with width 100px, and
then another div that does not float (it is below). Everything is SO
CLOSE TO PERFECT, except for some reason the "scroll-pane" vertical
scroll bar is visible, and when you scroll down it seems there are
only a few pixels extra that are causing this bar to come up. I
figure it has something to do with setting heights of float elements
inside a non-float element? I just can't figure out WHAT is making the
height of scroll-content too large to fit into the scroll-pane div.
Or, just as confused about why, if it was "tall", the height of scroll-
pane would just expand to accommodate. I have tried many things, such
as adding clear:both divs after all floating elements, between, I have
tried to manually set the height of scroll-pane, and I just can't get
this to work!
Thank you so much in advance!
Clea
I have the following situation (note I just included the important
parts of the style defs of the classes below as attributes to make it
simpler):
<div class="scroll-pane" style="overflow:auto;">
<div class="scroll-content" style="float:left;width:1470px;">
<div style="float:left;width:70px;">
<div style="float:left;width:69px;height:65px;border-
bottom:1px;">
rotation 1, A
</div>
<div style="float:left;width:69px;height:65px;border-
bottom:1px;">
rotation 1, B
</div>
<div style="float:left;width:69px;height:10px;border-
bottom:1px;">
rotation 1, C
</div>
</div>
<div style="float:left;width:70px;">
<div style="float:left;width:69px;height:43px;border-
bottom:1px;">
rotation 2, A
</div>
<div style="float:left;width:69px;height:21px;border-
bottom:1px;">
rotation 2, B
</div>
<div style="float:left;width:69px;height:65px;border-
bottom:1px;">
rotation 2, C
</div>
<div style="float:left;width:69px;height:10px;border-
bottom:1px;">
rotation 2, D
</div>
</div>
</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]
