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 simply groups of thumbnail images. My
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.
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 hr in between the groups to show that they are separate.
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
, 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 would
appreciate it.
Di you by any chance
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 hr in between the groups to show that they are separate.
However,
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
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/
__
Thanks David. THat did the trick. I figured I'd be sending those 2
browsers their own thing, but was hoping not to...
*:first-child + html #fullwidth1Wrap {
margin-top : 10px;
} /* 4 IE/7 */
* html #fullwidth1Wrap {
margin-top : 10px;
height : 110px;
}/* 4 IE/6 */
Best,
~d
--
List,
I am attempting to use the famed clearfix for the first time, and on
a rather complex layout (imho). Can anyone take a peek and let me know
what is wrong? I am getting extra spacing in Safari 5 mac and IE 8,
missing some space in IE 6 and getting NO spacing in IE 7.
FF 3.6.6 Mac is looking
Can you tell I'm going completely nuts? The issue that remains is in IE 6 and 7.
[slinks away in embarrassment]
On Thu, Jul 15, 2010 at 10:32 AM, Tom Livingston tom...@gmail.com wrote:
OMG. Time for more coffee I think...
Here's the missing link. Sorry guys/gals...
UPDATE: I found a typo, and am now getting most spacing I need in IE
7, but it is still missing the same spacing as IE 6.
On Thu, Jul 15, 2010 at 10:14 AM, Tom Livingston tom...@gmail.com wrote:
List,
I am attempting to use the famed clearfix for the first time, and on
a rather complex layout
OMG. Time for more coffee I think...
Here's the missing link. Sorry guys/gals...
http://proof.mlinc.com/mlinc.com/testpages/clearing/
I now have only one issue left. I am missing some spacing above Live
Photostream area.
Thanks. Sorry!
On Thu, Jul 15, 2010 at 10:17 AM, Tom Livingston
It appears I found the error. Thanks to anyone who took the time to look.
On Thu, Jul 15, 2010 at 10:34 AM, Tom Livingston tom...@gmail.com wrote:
Can you tell I'm going completely nuts? The issue that remains is in IE 6 and
7.
[slinks away in embarrassment]
On Thu, Jul 15, 2010 at 10:32
I spoke too soon.
The issue, I think, revolves around this area:
#group2Wrap, #group3-4Contain{float: left;}
#group2Wrap{margin-right: 10px; margin-bottom: 10px;}
#group2_a{background-color: #fff; width: 205px; min-height: 25em;
_height: 25em;}
If I add my margin-bottom: 10px;
Tom Livingston wrote:
I spoke too soon.
What am I missing for IE6-7???
Not sure if this is what you after? Try:
#fullwidth1Wrap {
background-color : blue;
margin-bottom : 10px;
min-height : 150px;
}/* 4 compliant browsers */
.scrollable {
background : yellow;
position :
Whoops. Should read:
#fullwidth1Wrap {
background-color : blue;
margin-bottom : 10px;
min-height : 150px;
}/* 4 compliant browsers */
.scrollable {
background : yellow;
position : relative;
width : 915px;
height : 110px;
overflow : hidden;
float : left;
}/* 4 compliant browsers */
Hi folks,
since I'm again in the manic phase of my BD, I've done some tests that
I've summarized in this post:
http://onwebdev.blogspot.com/2010/05/clearing-css-floats-with-css-table.html
I hope to get better soon. In the meantime, hope you can appreciate my
efforts.
ps. you can visit me in
Hi Gabriele,
since I'm again in the manic phase of my BD, I've done some tests that
I've summarized in this post:
http://onwebdev.blogspot.com/2010/05/clearing-css-floats-with-css-
table.html
The clearing is done via the creation of a new block formatting context [1],
so I don't think it
On May 24, 2010, at 1:56 AM, Gabriele Romanato wrote:
http://onwebdev.blogspot.com/2010/05/clearing-css-floats-with-css-table.html
On May 24, 2010, at 2:52 AM, Thierry Koblentz wrote:
The clearing is done via the creation of a new block formatting context [1],
so I don't think it is
I am a volunteer webmaster for a couple of churches, and on one site all pages
have a header div across the top, and below that a navigation div floated left
with main content div flowing to its right.
One page lists parish events of which we have photos and/or video elsewhere on
the site.
Theophan Dort wrote:
I am a volunteer webmaster for a couple of churches, and on one site all
pages have a header div across the top, and below that a navigation div
floated left with main content div flowing to its right.
Do you have any suggestions?
Theophan
Hi Theophan,
A
A fast and dirty suggestion. Nothing wrong with using a dl I guess. I just
did it different.
It works -- it's perfect! I have to study up on that overflow hidden that
seems to be a key in how it works even when the text in one div is short. I'll
go back to my books, and if I can't figure
Theophan Dort wrote:
A fast and dirty suggestion. Nothing wrong with using a dl I guess. I just
did it different.
It works -- it's perfect! I have to study up on that overflow hidden that
seems to be a key in how it works even when the text in one div is short.
I'll go back to my
HI,
ul
li class=views-row views-row-1 views-row-odd views-row-first
span class=views-field-title
a href=/blog-title title=This is the Blog
Titlealt=This is the Blog TitleThis is the Blog Title/a
/span
span class=views-field-created
label
I had a play around and;
.views-field-created{
color: #AA;
display: block;
}
fixed the problem.
On 26/10/2009, at 6:05 PM, Chris Blake wrote:
HI,
ul
li class=views-row views-row-1 views-row-odd views-row-first
span class=views-field-title
a href=/blog-title
Okay, so the way I expect this to act, with my understanding of positioning,
floats, and clears, is not the way it acts. I want to know if there is a way I
can get it to act right.
Basically, Is there a way to get an element to only clear floated elements
within the same parent containing
Joseph Sims schrieb:
Okay, so the way I expect this to act, with my understanding of positioning,
floats, and clears, is not the way it acts. I want to know if there is a way
I can get it to act right.
Basically, Is there a way to get an element to only clear floated elements
within the
Joseph Sims:
Okay, so the way I expect this to act, with my understanding of
positioning,
floats, and clears, is not the way it acts. I want to know if there is a way
I
can get it to act right.
Basically, Is there a way to get an element to only clear floated elements
within
On Sun, Dec 7, 2008 at 3:22 PM, Gunlaug Sørtun [EMAIL PROTECTED] wrote:
Suzie Henderson wrote:
http://www.txfannin.org/cemeteries
http://www.txfannin.org/screenshot.jpg
Can't reproduce that at my end, neither on or off line.
A simpler and more friendly solution would be to add...
Every one of my cemetery pages has a left column of maps and links. Then
the main content starts with a Headline and a large photo at the top. I
recently discovered that the large photos are sometimes being pushed down to
be even with the bottom of the content of the left column. I suspect
Suzie Henderson wrote:
http://www.txfannin.org/cemeteries
I recently discovered that the large photos are sometimes being
pushed down to be even with the bottom of the content of the left
column.
When window-width shrinks below a certain width, the wide image drops
below left column. The
On Sun, Dec 7, 2008 at 1:05 PM, Gunlaug Sørtun [EMAIL PROTECTED] wrote:
Suzie Henderson wrote:
http://www.txfannin.org/cemeteries
I recently discovered that the large photos are sometimes being pushed
down to be even with the bottom of the content of the left column.
When window-width
Suzie Henderson wrote:
http://www.txfannin.org/cemeteries
http://www.txfannin.org/screenshot.jpg
Can't reproduce that at my end, neither on or off line.
It is probably caused by IE being unable to determine the size of the
image correctly in time, in relation to the space it's given by CSS.
Bill Brown wrote:
...
Try this:
ul, li {
list-style: none;
margin: 0;
padding:0;
}
ul {
display:inline-block; /* IE Float Clear, Part 1 */
overflow: hidden; /* Float Clear */
}
ul {
display:block;/* IE Float Clear, Part II */
I often run into something like this:
ul id=menu
lia href=..Link A/a/li
lia href=..Link B/a/li
/ul
h1Fancy Title/h1
pBlah blah blah ... /p
Where I am using floats in the ul menu above. This happens when I am using
columns as well.
The problem is that h1 shows up just to the right of the
Luther Baker wrote:
ul id=menu
lia href=..Link A/a/li
lia href=..Link B/a/li
/ul
h1Fancy Title/h1
pBlah blah blah ... /p
Current CSS:
ul,
ul li
{
list-style: none;
float: left;
margin: 0;
padding: 0;
}
ul li
{
display: block;
float: left;
Wow!
Krystian - h1 doesn't seem to clear for me by default (XHTML strict,
firefox) - but when I explicitly include it - it DOES work. I mistyped it
earlier but thanks to you, I revisited it and noticed ':' instead of ';'
Bill - wow! Now that's what I was looking for. Only the LIs are floating so
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/index.php
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:
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:
Hi guys,
i'm trying to get rid of a br / I have to split up some footer text.
I'm currently using:
div id=footer_nav
h2a href=#Link1 /a/h2
h2a href=#Link2 /a/h2
h2 class=lasta href=#Link3 /a/h2
br /
h2a href=#Link4 /a/h2
Hi List,
working on a new css layout and now i have a clearing Problem on the
Footer in IE7 and 6 here. I cant really figure out whats going on :(
http://www.pessewenk.de/neu/?page=kontakt
Thanks in advance,
Martin
Hi Martin
First off, 26 errors in your mark-up which will not be
I know I don't contribute a lot to this list (kind of hard to offer
advice when you're in the ranks that some of you all are in - I
sometimes feel like a Private standing in front of Patton, if you know
what I mean) - but I found something I thought was interesting.
I was having an issue with
Shelly,
On Jun 9, 2007, at 1:54 PM, Shelly wrote:
I know I don't contribute a lot to this list (kind of hard to offer
advice when you're in the ranks that some of you all are in - I
sometimes feel like a Private standing in front of Patton, if you know
what I mean) - but I found something I
Ingo is still right. This page is just absolutely positioning
everything and using overflow hidden to keep things from
overlapping. But that means text is lost/hidden if it can't fit (try
increasing your tet size to see what I mean). It may look like
clearing, but it isn't.
I
Thanks for that - I didn't even notice it was doing that. Too bad,
though - I was all excited there for a second ;)
~Shelly
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information --
In another thread I saw a note reproduced below suggesting use of a
clearing div. I have seen clearing divs with and without a non-breading
space nbsp
What browsers require the nbsp to make this work correctly?
James Gadrow wrote:
To fix this add a clearing element below your content divs
The clearing div, should if possible not contain any letter, or HTML
element at all, but some browsers, specifically IE 6 and lower will
try to apply, default line-height, font-size and so on, although there
is no content present, meaning that the clearing div will then occupy
some space and so
I was wondering if someone could help me here. I'm styling out a CMS
right now (using WordPress) and I've been asked to do a little avatar
thing for each person that writes a post. I'm using a rounded corners
method I found here at CSS-D (and works very well, by the way), and for
this case,
- Original Message -
From: Shelly [EMAIL PROTECTED]
To: CSS-D css-d@lists.css-discuss.org
http://anekostudios.com/help/
I've tried various methods to clear the float, but I can't seem to get
the content bottom to push past my floated avatar. I don't *want* to
set a min-height for
Use the following to clear the div.entry
div.entry {width:100%; overflow:auto;}
I *love* you! Thank you so much :)
~Shelly
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information
Hi there,
I am trying to clear after a right-float inside a div which has
something floating to it's right too. E.g.:
div id=1
div id=2
ul id=2.1 /
pSome text/p
/div
1 floats to the right of 2, and 2.1 should align with the right
border of 2, so I floated it right. This works,
also sprach martin f krafft [EMAIL PROTECTED] [2007.03.13.2110 +0100]:
http://martin-krafft.net/new/ [valid]
CSS: http://martin-krafft.net/new/css/base.css [valid]
Never mind that IE* barfs on the page big time. I am just doing some
design studies right now and will probably simplify the
I've got a normal 3 column layout with a header, left menu floated left,
right menu floated right, and content DIV with margins equal to the left
right menus so it's centered. I don't have the current incarnation up but
you can see a moderatly close sample of what I'm doing at
www.bctphoenix.com.
Michael Stevens wrote:
I've got a normal 3 column layout with a header, left menu floated
left, right menu floated right, and content DIV with margins equal to
the left right menus so it's centered.
[...]
I want the tab DIV to clear the other items in the content DIV but
not to worry
First, thank you guys for being so helpful. I've greatly appreciated
the assistance you've given me.
Well I'm stumped again. I'm having a problem with clearing a small
floated div that contains one image and a brief caption underneath.
The div floats just before a paragraph, which wraps
On 10/30/06, Raymond Rodriguez [EMAIL PROTECTED] wrote:
Well I'm stumped again. I'm having a problem with clearing a small
floated div that contains one image and a brief caption underneath.
The div floats just before a paragraph, which wraps nicely around
it...except for the bullets of the
Ross Hulford wrote:
I have some text above and below a table but the bottom text wraps around the
table. How to I clear the table on both ends in the cleanest way possible-
not clearing div or wapping the text in tags.
It sounds like you want to add a clear to the text below the table,
I have some text above and below a table but the bottom text wraps around the
table. How to I clear the table on both ends in the cleanest way possible- not
clearing div or wapping the text in tags.
Ross
__
css-discuss
This is so silly, I can't clear the logo in the print output. I did have
it, briefly and only in Firefox, but then I changed something to fix it
in IE and it's not clearing again.
I can't see why the clearing div isn't working, since it works on the
screen.
Thanks
Maren
francky wrote:
[...]
According to browsershots.org:
* Opera 9.01 on Ubuntu Dapper (Linux): not ok, bottom corners + some
more cut off (why?? / what to do??)
See:
http://browsershots.org/screenshots/1b7ac1e86d9c68f9f50719a37ea1cb1a/
Without changing the essentials of the page, for
Arian Hojat wrote:
I updated the files, the element is cleared properly now, BUT in IE
has this new problem (errr why cant IE leave me alone hehe)...
When you highlight text in #content or #sidebar, the background color
of the div 'behind' the #body3 div leaks though...
francky wrote earlier today:
* just succeeded to get a first working version of the Zoom
construction for 2 columns:
http://home.tiscali.nl/developerscorner/css-discuss/zooming-corners_preview.htm.
Hi Arian all,
It seems the list server is a bit slow at the moment (last 14
Hello all,
Been trying to mess with this problem for a few days, can't seem to
solve it although made some interesting discoveries...
I place a comment after an element which clears the previous floats like so...
div class=clearFloat/div!-- clears previous floats: --
seen here
On 9/23/06, Arian Hojat [EMAIL PROTECTED] wrote:
Looking for two answers
1. Why does the comment cause this issue, is an issue like this
documented in IE?
Don't know, but I've run into this problem myself - I just had to move
the comment...
2. Even if the comment is taken away, why don't the
Hi all,
I wrote to Arian (but forgot to cc the list):
For FF a {height:1px;} is needed for the clearing div. Reason: with a
{height: 0;}and all other things set to zero too: the div doesn't exist!
To get the 1px back, you can add a (margin-bottom: -1px;}. In this way,
the green background is
On 9/23/06, francky [EMAIL PROTECTED] wrote:
Hi Arian,
For FF a {height:1px;} is needed for the clearing div. Reason: with a
{height: 0;}and all other things set to zero too: the div doesn't exist!
To get the 1px back, you can add a (margin-bottom: -1px;}. In this way,
the green background
I updated the files, the element is cleared properly now, BUT in IE
has this new problem (errr why cant IE leave me alone hehe)...
When you highlight text in #content or #sidebar, the background color
of the div 'behind' the #body3 div leaks though...
Hello everyone! I´ve got a float:left image between some text in
http://www.dialecticaconsult.com.ar/es/. I´d like the text to be
aligned always at right of the image, no matter if it is occupying
space. I mean:
Not wanted:
[img] text text
[img] text text
text text
Wanted:
[img] text text
[img]
TuteC wrote:
http://www.dialecticaconsult.com.ar/es/
I´d like the text to be aligned always at right of the image, no
matter if it is occupying space.
How can I solve it?
Here is one possible solution described...
http://www.gunlaug.no/contents/wd_example_01_01.html
...and here is
Hi Folks
I have a strange clearing problem. In this site
http://www.stardesign.ch/startup1/kontakt.html
I use a navigation
div id=nav
ul id=navlist
li id=tonea href=index.htmlhome/a/li
li id=ttwoa href=ueber.htmlüber uns/a/li
li id=tthreea href=angebot.htmlAngebote/a/li
li id=tfoura
beat.beer wrote:
Hi Folks
I have a strange clearing problem. In this site
http://www.stardesign.ch/startup1/kontakt.html
[...]
But this css is overriding my links in the content container, even
when I've used a general link description. What could this be?
Hi Beat Beer,
It's no
On Mon, 17 Jul 2006 13:23:29 -0500, cj wrote, re. CSS Formatting:
[...] I prefer using option #2 in the wiki (http://css-
discuss.incutio.com/?page=ClearingSpace), which doesn't add
additional markup, either, and perhaps should be mentioned in your
version of a guideline.
Looking at that Wiki entry, option 2 suggests using the inline-table
property. My memory may be faulty, but I seem to recall that this
recommendation was changed to inline-block as a more cross-browser
solution (for IE 7 perhaps?)
I don't have a reference for this, so perhaps some kind member
Alex Robinson wrote:
Looking at that Wiki entry, option 2 suggests using the inline-table
property. My memory may be faulty, but I seem to recall that this
recommendation was changed to inline-block as a more cross-browser
solution (for IE 7 perhaps?)
I don't have a reference for this, so
Hey Folks,
Am hoping someone might be able to offer a solution here.
I've got a navbar I'm putting together for a template that's in
progress.
The navbar is inside a couple of containers, allowing me to float the
navbar to the right and still have a background with the same height
that
On 7/10/06, Anthony Baker [EMAIL PROTECTED] wrote about
http://www.coachandgrowrich.net/template_drafts/interior_07july2006.php:
My issue is that, when trying to clear the float, I'm getting
unnecessary space added beneath the navbar. In IE, of course, the size of
this space
doubles over
My issue is that, when trying to clear the float, I'm getting
unnecessary
space added beneath the navbar. In IE, of course, the size of this space
doubles over what I see in Safari or Mozilla browsers.
I had that same problem in IE when clearing a floated div, and found
that putting a height
http://www.loudjoy.com/styled_div.html
Option 2: add... #newest{float: left; display: inline;}
If you have time, I'd love a brief explanation of what this is doing.
I'm afraid I don't really understand it and I wasn't aware of
alternatives to using clearing elements in a situation like
Christy Collins wrote:
I have an absolutely positioned image that isn't appearing in IE -
I've isolated the offending code and it seems to be a clearing div.
http://www.loudjoy.com/styled_div.html
You have (at least) two options. In any case: delete the clearing div first.
Option 1: add...
Christy Collins wrote:
I have an absolutely positioned image that isn't appearing in IE -
I've isolated the offending code and it seems to be a clearing div.
http://www.loudjoy.com/styled_div.html
I'll mention a third option also, where the inclusion or exclusion of a
clearer-div doesn't
On Apr 26, 2006, at 4:21 AM, Gunlaug Sørtun wrote:
Christy Collins wrote:
I have an absolutely positioned image that isn't appearing in IE -
I've isolated the offending code and it seems to be a clearing div.
http://www.loudjoy.com/styled_div.html
You have (at least) two options. In any
I have an absolutely positioned image that isn't appearing in IE -
I've isolated the offending code and it seems to be a clearing div.
http://www.loudjoy.com/styled_div.html
http://www.loudjoy.com/unstyled_div.html
Can anyone suggest a fix?
Thanks,
Christy
Hello,
I'm using a horizontal navbar that is made up of a ul and floats. After
the div that contains the navbar I have a left floated column and a
content section. I'm trying to use a margin at the top of my content section
and this looks fine in IE. Firefox, however won't put the margin
Matt Tibbits wrote:
http://www.tibbits.ca/test.php
As it is, I'm clearing the navbar float and it looks good in FF. If
you look at IE both the left floated column and the content section
are not where they should be. If I don't clear the float, IE looks
good but FF doesn't.
Can anyone
http://www.itu.dk/people/antl/Webdesign_06/vestervold148/test1/vestervold148_v2/hjem.html
First, the white color behind the tabbed navigation does not extend
to the far right of the page as it does in Firefox, for example. I
thought I'd fixed this by giving the #nav div a fixed width
Hi all,
I know there are a million articles on the subject, but I am stumped.
On a previous incarnation of this page I sucessfully used the footer
div to clear the tow opposingly floated content areas.
Recently, I updated the code to center the content in the browser.
This caused 2 problems in
http://www.itu.dk/people/antl/Webdesign_06/vestervold148/test1/vestervold148_v2/hjem.html
First, the white color behind the tabbed navigation does not extend
to the far right of the page as it does in Firefox, for example. I
thought I'd fixed this by giving the #nav div a fixed width of
I can't replicate it either - IE6.0.2900.2180.xpsp_sp2_rtm.040803-2158
- but it might be worth changing the height: 1% fix to height:1px. The
percent version is known to cause problems in some situations.
Chris
On 3/10/06, Bruce MacKay [EMAIL PROTECTED] wrote:
Hi folks,
Some IE 6 users of one
Bruce MacKay wrote:
Some IE 6 users of one of my sites are experiencing problems with the
following page http://107writing.massey.ac.nz/test.htm
Specifically, the yellow column is extending past the bottom of
their browser and they cannot scroll to read the missing material.
I cannot
On 3/9/06, Bruce MacKay [EMAIL PROTECTED] wrote:
Some IE 6 users of one of my sites are experiencing problems with the
following page http://107writing.massey.ac.nz/test.htm
Specifically, the yellow column is extending past the bottom of
their browser and they cannot scroll to read the
Hi folks,
Some IE 6 users of one of my sites are experiencing problems with the
following page http://107writing.massey.ac.nz/test.htm
Specifically, the yellow column is extending past the bottom of
their browser and they cannot scroll to read the missing material.
I cannot replicate the
Yeah, sorry. My fault for trying to do anything
meaningful at 10:30PM! There is one difference though:
the green div is inside another div, page, that sits
between it and the sidebar in the div hierarchy. I'll
remove that and see where floating gets me.
Yes, I'm trying to make the green area
Oh well, thanks anyway! :-)
--- Els [EMAIL PROTECTED] wrote:
Well, overflow:auto doesn't have effect in IE, and
yes, it does
give a 'block effect', a clear property has a
problem with the
sidebar, unless the parent (#page) is floated, but
#page can't be
floated if you want the content
Unfortunately, that makes everything clear the
sidebar. It was the first thing I tried, should have
mentioned it.
--- Els [EMAIL PROTECTED] wrote:
Tom Edwards wrote:
I'd appreciate some help with this problem. Here
is
what I'm trying to achieve:
do you by chance have a live page that we could play with?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ --
Tom Edwards wrote:
[snip construct of floated sidebar and clearing elements within
content]
My content and image are both contained within the
same div element. Is it possible to specify a clearing
element to ONLY clear floats with a specified parent?
No, but if you would float this parent
Sure:
http://www.steamreview.org/files/newstyle.htm
That's more of a personal testbed (thus all the
Mozilla-specific code), but the float issue affects
the main page too. I've made the entry div green to
show where it lies.
I'm currently using overflow:auto on the main page
which more or less
Whoops, missed this one. Messages aimed at me get keep
getting sent to the junk folder.
The only difference between your and my pages is that
the sidebar div comes before the content for me. Is
that causing the problem?
--- Els [EMAIL PROTECTED] wrote:
Maybe I didn't explain it well enough :-)
1 - 100 of 139 matches
Mail list logo