CSS and div's

Discussion in 'HTML & Website Design' started by ANick, Aug 13, 2007.

  1. #1
    hi

    the task is following: I should make layers for forum like at this picture:
    [​IMG]

    I know width of each area: 100px+400px+100px

    so I coded this:
    
     <div style="clear: both; margin-top: 10px; margin-bottom: 20px;">
      <div style="width: 100px; float: left;">left corner</div>
      <div style="width: 100px; float: right; text-align: right;">right corer</div>
      <div style="width: 400px; float: right;">middle</div>
      <div style="width: 500px; float: right;">base text</div>
    </div>
    
    HTML:
    what do your think, how this code can be improved?

    Because there are a lot of problems with different browsers, for example, in firefox text above this code displays above the left block only and margins are not displays at all, but in ie there are no such problems.
     
    ANick, Aug 13, 2007 IP
  2. ANick

    ANick Peon

    Messages:
    9
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    sorry for my english:(

    I want to make forum page without tables.

    [​IMG]

    It is the prototype of post in a forum. Of course, colors and borders in this prototype shows structure of a post block. My code doesn't work well. For example, in firefox text appears under the left block, but it should be under all blocks. Length of title and text in posts and number of posts in page are not fixed.
     
    ANick, Aug 14, 2007 IP