Question

I have two divs in a content container one floating left and the other floating right. I am using the whole width of the screen. Left div width is 1290px and right div width is 625px. Sometimes when loading the page the scroll bar is changing the width of the available screen width and causing the div that floats right to get caught under the div that floats left. This happens after I added a footer div. I don t want to make the two divs a smaller width because this is for an ad display in clients offices. I need the full screen. Thanks!

Answer 1

您能否从浮游转向在相对集装箱内包装的绝对值?

Something like this (I shortened the widths for the sake of the sample...): http://jsfiddle.net/perrytew/E6dUj/

<!DOCTYPE html>
<html>
<head>

  <style type= text/css >
    #container{
    /* width: 1915px; */
    width: 200px;
    position: relative;
}

.leftpane {
    /* width: 1290px; */
    width: 100px;
    position: absolute;
    top: 0;
    left: 0;
}

.rightpane {
    /* width: 625px; */
    width: 100px;
    position:absolute;
    top: 0;
    /* left: 1290px; */
    left: 100px;
}       
  </style>

</head>
<body>
    <div id= #container >
        <div class= leftpane >Left Content</div>
        <div class= rightpane >Right Content</div>
    </div>  
</body>
</html>

友情链接