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

M

myth.drannon

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>
 
W

wr

Uzytkownik said:
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
 
M

myth.drannon

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...
 
E

Ed

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" />
 
M

myth.drannon

well we are not using <br> and <pre> tags because of different
reasons....
I wish I knew why it is happening.
 
M

myth.drannon

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 !
 

Ask a Question

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

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
473,733
Messages
2,569,440
Members
44,830
Latest member
ZADIva7383

Latest Threads

Top