Three Columns Layout

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • shapper
    #1

    Three Columns Layout

    Hello,

    I created a 2 column layout with header and footer:

    http://www.27lamps.com/public/layout.htm


    Am I doing this the right way?

    One problem I have is when giving padding to my col's div's. Is there
    a way to solve this?
    The problem is visible. Col3 is under Col1 and Col2.

    I am also trying to place an image over the right up corner of the div
    Content.
    I think i need to change its index but how to place it over that
    specific corner?

    Thanks,
    Miguel



    Tags: None
    • shapper
      #2
      Re: Three Columns Layout

      On Apr 16, 8:13 pm, shapper <mdmo...@gmail. comwrote:
      Hello,
      >
      I created a 2 column layout with header and footer:
      >
      http://www.27lamps.com/public/layout.htm

      >
      Am I doing this the right way?
      >
      One problem I have is when giving padding to my col's div's. Is there
      a way to solve this?
      The problem is visible. Col3 is under Col1 and Col2.
      >
      I am also trying to place an image over the right up corner of the div
      Content.
      I think i need to change its index but how to place it over that
      specific corner?
      >
      Thanks,
      Miguel
      Hello,

      I made a few changes in my code:

      http://www.27lamps.com/public/layout.htm


      The problems I have are:

      1. I am not able to extend my 3 columns so they have the same height.

      How can I do this? Do I need to use images somehow?

      I would prefer to use CSS only if possible.

      2. I am not able to use padding in my columns without breaking the
      design.

      Could someone, please, help me fixing this problem and also improve my
      code?

      Thanks,
      Miguel

        Comment

        • Gus Richter
          #3
          Re: Three Columns Layout

          shapper wrote:
          On Apr 16, 8:13 pm, shapper <mdmo...@gmail. comwrote:
          Hello,
          >
          I made a few changes in my code:
          http://www.27lamps.com/public/layout.htm

          >
          The problems I have are:
          1. I am not able to extend my 3 columns so they have the same height.
          How can I do this? Do I need to use images somehow?
          I would prefer to use CSS only if possible.
          Re. 1. Someone will be along directly.
          2. I am not able to use padding in my columns without breaking the
          design.
          Re. 2. Use margin to position the div (column) and use padding on the
          div's content to position the content.

          --
          Gus

            Comment

            Previous template Next
            Working...