CODEWITHSUNDEEP
htmlcssfirefoxgoogle-chrome
Joseph
Joseph

Reputation: 924

CSS weirdness in firefox - float left not floating left, unless large width is used

I have a problem

 #column-left {
     float: left;
     width: 350px;
 }

will float left, but when I make the width smaller

with this: #column-left { float: left; width: 250px; }

it doesn't work. Both forms work in chrome, but not in firefox. Any ideas?

Here are some images to illustrate: https://i.sstatic.net/mDIs3.jpg

Upvotes: 0

Views: 5148

Answers (1)

Libin
Libin

Reputation: 2462

Update your CSS code as below.

Remove float: left; and width: 350px; from #column-left.

Add position: absolute; to #column-left

Change margin-left: 220px; on #content

This will do the magic. Tested on Firefox and Google Chrome.

Upvotes: 2

Related Questions