> Thanks Thierry - I'll give that a shot. Do I have to remove the float
> from
> the #leftSidebar nav then?
No, you'd leave the float in.
The idea is to create two block formatting contexts. The float declaration
does this for the left column, the rule I sent you does this for the right
column.
N
PM
To: t...@promisingsites.com; css-d@lists.css-discuss.org
Subject: Re: [css-d] Clearing a float
> I have a float that is giving me problems. You can see a test page
> here:
> http://test.magnoliasonline.com/public/gallery/before_after
>
>
>
> This particular page is
On Oct 5, 2010, at 1:09 PM, Thierry Koblentz wrote:
> I don't think "inherit" is a proper value for clear.
it is:
http://www.w3.org/TR/CSS21/visuren.html#flow-control
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
__
> Di you by any chance used any one of the following to fix this:
>
> clear: both;
> clear: left;
> clear: none:
> clear: right;
> clear: inherit;
I don't think "inherit" is a proper value for clear.
--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz
_
> I have a float that is giving me problems. You can see a test page
> here:
> http://test.magnoliasonline.com/public/gallery/before_after
>
>
>
> This particular page is simply groups of thumbnail images. My plan was
> to
> have a in between the groups to show that they are separate.
> Howev
otmail.com]
Sent: Monday, October 04, 2010 4:47 PM
To: t...@promisingsites.com; css-d@lists.css-discuss.org
Subject: Re: [css-d] Clearing a float
>
> I know I've fixed this before but can't recall how. If anyone would
> have a second to look at it and give me some feedback, I woul
I know I've fixed this before but can't recall how. If anyone would have
a
second to look at it and give me some feedback, I would appreciate it.
Di you by any chance used any one of the following to fix this:
clear: both;
clear: left;
clear: none:
clear: right;
clear: inherit;
Hope t
Hi Everyone -
I have a float that is giving me problems. You can see a test page here:
http://test.magnoliasonline.com/public/gallery/before_after
This particular page is simply groups of thumbnail images. My plan was to
have a in between the groups to show that they are separate. Howev
Christina Hawkins :: GlobalSpex wrote:
> Hello.
> I just can't seem to wrap my head around IE and it's reasons for not letting
> my "clearfloat" div make my 2 columns play nice. IE is causing my
> "MainContent1" to be placed below the "leftcolumn1" div.
>
> Index: http://www.globalspex.com/client
Christina Hawkins :: GlobalSpex wrote:
> I just can't seem to wrap my head around IE and it's reasons for not
> letting my "clearfloat" div make my 2 columns play nice. IE is
> causing my "MainContent1" to be placed below the "leftcolumn1" div.
>
> Index: http://www.globalspex.com/clients/ti/ind
Hello.
I just can't seem to wrap my head around IE and it's reasons for not letting
my "clearfloat" div make my 2 columns play nice. IE is causing my
"MainContent1" to be placed below the "leftcolumn1" div.
Index: http://www.globalspex.com/clients/ti/index.php
CSS: http://www.globalspex.com/clie
Arnold, Tim wrote:
>Zoe,
>It's your own fault for chastising us about not trimming our replies, in
>your response to the "Browser Incompatibility" thread ;)
>
>http://offlead.com/stuff/floattest/index.html
>
>
Ahh, but I *always* leave the URL in question in the thread, because its
always rele
Zoe,
It's your own fault for chastising us about not trimming our replies, in
your response to the "Browser Incompatibility" thread ;)
http://offlead.com/stuff/floattest/index.html
Cheers,
Tim
-Original Message-
From: Zoe M. Gillenwater
I don't know the page this was in reference to a
Liam ONeil wrote:
>On 12/21/05 2:17 AM, "Zoe M. Gillenwater" <[EMAIL PROTECTED]>
>wrote:
>
>
>>Since floats shrinkwrap their content when you leave a width off, you
>>need to use width: 100%. But then you'd get a horizontal scrollbar.
>>Unless, that is, you use negative margins.
>>
>>
>
>By
By setting your width to 99.9% as opposed to 100% you do not get the
horizontal scrollbar
Kind regards,
Liam
On 12/21/05 2:17 AM, "Zoe M. Gillenwater" <[EMAIL PROTECTED]>
wrote:
> Since floats shrinkwrap their content when you leave a width off, you
> need to use width: 100%. But then you'd ge
Hi CJ,
CJ Larson wrote:
>Thanks, that's exactly the information I needed. I didn't know what
>constituted a "new block formatting context", which makes it hard to do
>that.
>
This is where the specs come in. Believe it or not, they're not as hard
to read as many make them out to be, and the
> > Roger Roelofs wrote:
> > As Zoe said, you need a new 'block formatting context' All of the
> > following will do that
> >
> > float: left;
> > position: absolute;
> > display: table;
> >
> > But, all of these cause the container to 'shrink-wrap' Floating
> > .inside seems the most typical app
On 22 Dec 2005, at 10:08 am, Roger Roelofs wrote:
> As Zoe said, you need a new 'block formatting context' All of the
> following will do that
>
> float: left;
> position: absolute;
> display: table;
>
> But, all of these cause the container to 'shrink-wrap' Floating
> .inside seems the most ty
CJ,
On Dec 21, 2005, at 1:10 PM, CJ Larson wrote:
> In one of my site layouts, I have the navigation floated to the left
> and
> gave the content area a margin-left to give the float room to breathe.
> On my content area, I have tags clearing left by default since I
> float several things on va
In one of my site layouts, I have the navigation floated to the left and
gave the content area a margin-left to give the float room to breathe.
On my content area, I have tags clearing left by default since I
float several things on various pages. Where this creates a problem is
when the element
Jeniffer C. Johnson wrote:
>>This happens because your content column is in the same "block
>>formatting context" as the left floated sidebar. Thus, clears within
>>the content column will also clear the left float. To stop this, you
>>need to establish a new block formatting context for the con
> >
>
> This happens because your content column is in the same "block
> formatting context" as the left floated sidebar. Thus, clears within
> the content column will also clear the left float. To stop this, you
> need to establish a new block formatting context for the content
> column. This
CJ Larson wrote:
>In the first url, http://offlead.com/stuff/floattest/index.html,
>the H3 element and everything below it is supposed to be below the
>floated thumbnails and the first paragraph of text. Sometimes there is
>one thumb, sometimes two. Sometimes a short intro paragraph, sometimes a
>
-- original email (snipped)
--
> I've run into this problem a few times lately, and have yet to figure
out
> how to resolve it. Here is the test page:
>
> http://offlead.com/stuff/floattest/index.html
> Is there a way to clear the bottom of the thumbna
I've run into this problem a few times lately, and have yet to figure out
how to resolve it. Here is the test page:
http://offlead.com/stuff/floattest/index.html
CSS is in the file.
div#column is floated left of div#content. (These are nested within #page
and #wrapper divs that are used to set
Mark Renn Caluag wrote:
is there a way to this
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh
title
#sidebar {
width: 150px;
float: left;
}
#content {
margin-left: 160px;
}
#main-article img {
float: left;
}
.clearleft {
clear:left;
}
Hi,
Here is a link that may help you with the problem:
http://www.positioniseverything.net/easyclearing.html
Jim
On 8/3/05, Mark Renn Caluag <[EMAIL PROTECTED]> wrote:
> is there a way to [clear floats]...
>
> doing this pushes #others below the height of #sidebar.
> i only want to clear the f
is there a way to this
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh
title
#sidebar {
width: 150px;
float: left;
}
#content {
margin-left: 160px;
}
#main-article img {
float: left;
}
.clearleft {
clear:left;
}
doing this pushes #others b
28 matches
Mail list logo
