CSS Help

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
EPX
Forum Newbie
Posts: 19
Joined: Fri Nov 21, 2008 3:22 am
Location: Stafford, UK

CSS Help

Post 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.
User avatar
papa
Forum Regular
Posts: 958
Joined: Wed Aug 27, 2008 3:36 am
Location: Sweden/Sthlm

Re: CSS Help

Post 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;
}
 
padmanaban
Forum Newbie
Posts: 4
Joined: Fri Aug 07, 2009 8:25 am

Re: CSS Help

Post 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.
Post Reply