Two columns using divs , problems with text/lists under it.

Discussion in 'HTML' started by myth.drannon@gmail.com, Nov 29, 2005.

  1. Guest

    Hi

    I created two columns using divs , one left column is a small image ,
    right column is text with many lines.
    When I have some list or text under the columns, the first characters
    sticks up to the right column with small image and I don't want that to
    happen.
    I want them be on the same level under the longer column. How can I
    solve that problem ?

    That is my source.

    <div class="image_column" >
    <img src="graphics.png" />
    </div>
    <div class="text_column">
    <p>SOME TEXT HERE WITH LOTS OF LINES </p>
    </div>
    <p>SOME TEXT THAT FALLS UP TO THE LEFT COLUMN</p>
     
    , Nov 29, 2005
    #1
    1. Advertising

  2. wr Guest

    Uzytkownik <> napisal w wiadomosci
    news:...
    > Hi
    >
    > I created two columns using divs , one left column is a small image ,
    > right column is text with many lines.
    > When I have some list or text under the columns, the first characters
    > sticks up to the right column with small image and I don't want that to
    > happen.
    > I want them be on the same level under the longer column. How can I
    > solve that problem ?
    >
    > That is my source.
    >
    > <div class="image_column" >
    > <img src="graphics.png" />
    > </div>
    > <div class="text_column">
    > <p>SOME TEXT HERE WITH LOTS OF LINES </p>
    > </div>
    > <p>SOME TEXT THAT FALLS UP TO THE LEFT COLUMN</p>
    >

    align
     
    wr, Nov 29, 2005
    #2
    1. Advertising

  3. Guest

    but without touching the lower <p></p> . I can only change the two divs.
     
    , Nov 29, 2005
    #3
  4. Guest

    one of the solutions was to put these two divs in one container div and
    make it style="height:10px"
    It solved the problem only in IE , Opera and Firefox still mess it up...
     
    , Nov 29, 2005
    #4
  5. Ed Guest

    wrote:
    > Hi
    >
    > I created two columns using divs , one left column is a small image ,
    > right column is text with many lines.
    > When I have some list or text under the columns, the first characters
    > sticks up to the right column with small image and I don't want that to
    > happen.
    > I want them be on the same level under the longer column. How can I
    > solve that problem ?
    >
    > That is my source.
    >
    > <div class="image_column" >
    > <img src="graphics.png" />
    > </div>
    > <div class="text_column">
    > <p>SOME TEXT HERE WITH LOTS OF LINES </p>
    > </div>
    > <p>SOME TEXT THAT FALLS UP TO THE LEFT COLUMN</p>
    >


    Maybe after the second div you could insert:
    <br clear="all" />
     
    Ed, Nov 30, 2005
    #5
  6. Guest

    well we are not using <br> and <pre> tags because of different
    reasons....
    I wish I knew why it is happening.
     
    , Nov 30, 2005
    #6
  7. Mark Parnell Guest

    In our last episode, "" <>
    pronounced to alt.html:

    > I wish I knew why it is happening.


    That's the way floats are supposed to work. You need to add something
    after the <div>s to clear the float. <div style="clear:
    both;">&nbsp;</div> is usually the best option IME. You could also add
    the clear: both to the <p>.

    BTW: Please direct your attention to:
    http://www.safalra.com/special/googlegroupsreply/

    --
    Mark Parnell
    http://clarkecomputers.com.au
     
    Mark Parnell, Nov 30, 2005
    #7
  8. Mark Parnell Guest

    Mark Parnell, Nov 30, 2005
    #8
  9. Guest

    Yep , that solved the problem. One cleaner div was enough to make it
    looks nice in every browser.
    Thank you guys for all your help !
     
    , Nov 30, 2005
    #9
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. rich
    Replies:
    0
    Views:
    733
  2. =?UTF-8?B?w4FuZ2VsIEd1dGnDqXJyZXogUm9kcsOtZ3Vleg==

    List of lists of lists of lists...

    =?UTF-8?B?w4FuZ2VsIEd1dGnDqXJyZXogUm9kcsOtZ3Vleg==, May 8, 2006, in forum: Python
    Replies:
    5
    Views:
    424
    =?UTF-8?B?w4FuZ2VsIEd1dGnDqXJyZXogUm9kcsOtZ3Vleg==
    May 15, 2006
  3. windandwaves
    Replies:
    3
    Views:
    447
    windandwaves
    Nov 16, 2006
  4. shapper

    Form - Tables, Lists or Divs?

    shapper, Apr 28, 2009, in forum: HTML
    Replies:
    10
    Views:
    687
    dorayme
    Apr 30, 2009
  5. maya
    Replies:
    4
    Views:
    249
Loading...

Share This Page