CSS and DIV rubber site



  • There's a website design, we have to make a rubber stick. But this version must meet many demands:

    1. Site should be rubber. But it is highly desirable to limit the size of the site to 1,200 peaks and a minimum width of 860 peaks.
    2. There are three drawings in the website hat. They need to be positioned in such a way that the picture on the left is left, the picture on the right remains right, and the picture on the centre is always down the centre, regardless of the width of the monitor.

    Can you tell me who's been facing such difficulties - how to solve?



  • Limitation of width (maximum width and minimum width) max-widht, min-widht♪ Well, with pictures, I see that decision.

    Because the width of the paintings is constant, it's not so difficult to locate them. Let every picture be in. 200px♪ So the overall width of the picture will be equal. 600px♪ Total width 860px♪ Leave it under the content, let's say, 600pxAnd the rest of it will be in the fields. 130px) All right, the left picture is float: left to the left edge of the content block, the second to float: right to the right edge. The central picture is giving the left field equal. margin-left: 200px;

    Because you need a rubber worm, you can ask the left field as a percentage of the width that the left picture occupies on the overall width of the page.




Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2