Page 1 of 1

CSS Help

Posted: Fri Aug 07, 2009 4:30 am
by EPX
Hi all,

I hope you can help. i've been trying to get my head round this problem for a while. i'm currently working on a site http://www.mediche.com and i'm having major problems with the floating of a column in firefox.

on the left column i have floated left and with only text in the right column, it works. as soon as i start trying to style anything it drops down below the left column.

Has anyone got an idea why this is. i'm sure it's going to be something really simple.

Thanks all.

Re: CSS Help

Posted: Fri Aug 07, 2009 4:52 am
by papa
I don't know how your code looks like but, an easy float may look like this

<div>my right column</div>

<div class="left">Float left.</div>

The right column should be above the left floater.

Code: Select all

 
.left {
 float: left;
}
 

Re: CSS Help

Posted: Fri Aug 07, 2009 8:58 am
by padmanaban
Float left command is that it follows the previous div tag. Use span so that the div block can be positioned next horizantally instead of downwards.

This is the basic with tr td and div tag.