Re: [css-d] IE6 and absolute positioning

[Matt Tibbits]

That worked. Thank you. 

Matt
 

> 
> Have you tried adding this to your style sheet for IE/6.0?
> 
> * html #main {height: 559px;}
> 
> reference:
> 
> 
> 
> 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE6 and absolute positioning

[Matt Tibbits]

Hello all,

 

The following site: http://www.futurefacesoffredericton.com looks fine in
IE7 and FF. It was just brought to my attention that it goes completely to
hell in IE6. Can anyone point out if why and if there is a simple fix or
not? 

 

Thank you,

 

Matt Tibbits

 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] overflow bg image

[Matt Tibbits]

If you compare how it looks in IE and FF you should see what I mean. Adding
the styles you recommended: 

html{height:100%;margin:0;padding:0;}

...fixed the problem at the bottom of the screen, but introduced a new
behaviour at the top. It's hard to explain but basically if I resize the
browser window height (using IE7) the bg image stops moving when that image
reaches the top of the view port. 

If I use FF and resize vertically it will continue moving the bg image up
even AFTER the top of the bg image reaches the top of the view port.

I'm not sure if I made any sense or not, but by comparing in the two
browsers you should see what I mean. If this is just how FF behaves then
I'll accept that as an answer and move on...

Thanks,

Matt

> 
> I'm not sure what you mean when you say it doesn't "stop when it
> reaches
> the TOP of the view port." You have the image set not to repeat. If you
> want it to stay in place, adding fixed to the rules for the background
> image would do that, right?
> 
> It's hard to see exactly what the problem is. I'm 78% colorblind, so I
> can only barely see the image in the background to begin with.
> 
> --Bill
> 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] overflow bg image

[Matt Tibbits]

Yes, that is exactly it... little tricky but that does the job. 

Thank you, for your help.
 
Matt
 
> If this is more like what you want...
> 
> 
> 
> ...try introducing the style changes / additions I've used...
> 
> 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] overflow bg image

[Matt Tibbits]

Yes, it should. In FF though, if the content doesn't go all the way to the
bottom of the window, it interprets bottom right as being the bottom right
of the content INSTEAD of the bottom right of the browser window...

> 
> Not sure if I understand what you want. The background-image should
> always be at the bottom right corner of the window ? No matter how
> much content or how tall the window is?
> 
> body {background: #ccc url(../path/to/image.png) no-repeat 100% 100%
> fixed;}
> out to do just that.
> 
> Philippe

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] overflow bg image

[Matt Tibbits]

Almost, although now the bg image will not stop when it reaches the TOP of
the view port in FF. It keeps being pushed up as the window is resized...

Matt
 

> 
> Hi Matt,
> 
> This should help:
> html{height:100%;margin:0;padding:0;}
> 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] overflow bg image

[Matt Tibbits]

Hello,

 

Probably an easy fix but I'm not sure how to do it: 

 

I have a bg image on a   tag that is positioned bottom, right. In IE7
the bg image is actually stuck to the bottom right of the viewing port, but
in FF the bottom, right of the content or body tag. 

 

You can view this at http://www.tchh.org/new/

 

Thank you,

 

Matt Tibbits

 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] space in horizontal nav

[Matt Tibbits]

I also forgot to mention that it only shows when you hover over the link...
if that helps any.


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] space in horizontal nav

[Matt Tibbits]

It is showing up in all browsers...

> -Original Message-
> From: Kit Grose [mailto:[EMAIL PROTECTED]
> Sent: Friday, April 04, 2008 12:26 AM
> To: Matt Tibbits
> Cc: css-d
> Subject: Re: [css-d] space in horizontal nav
> 
> Matt,
> 
> If the issue is only showing up in IE, try removing all the whitespace
> between the list items in the markup.
> 
> - Kit
> 
> __ NOD32 3001 (20080404) Information __
> 
> This message was checked by NOD32 antivirus system.
> http://www.eset.com


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] space in horizontal nav

[Matt Tibbits]

Hello,

 

I think I've seen a fix for this before but I can't find it right now.

 

I've got a mysterious space between  items in a horizontal nav bar.  I
don't want to use floats because I would like the list to be centered on the
page. If anyone can help it would be appreciated.

 

Thanks,

 

Matt

 

My code is: 

 

HTML





About Us

Services

Meet the Team

News

Careers

Contribute





 

 

CSS

#nav ul {

text-align: center;

padding: 5px 0; 

margin-top: 0;

background-color: #036;

color: white;

width: 100%;

line-height: 18px;

}

 

#nav ul li {

display: inline;

border: 1px solid red;

}

 

#nav ul li a {

padding: 5px 10px;

color: white;

text-decoration: none;

border-right: 1px solid #fff;

}

 

#nav ul li a:hover {

background-color: #369;

color: white;

}

 

#nav #active { 

border-left: 1px solid #fff; 

}

 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] problem with margin after float

[Matt Tibbits]

Thank you for your help.

Cheers,

Matt
 

Hi Matt,
This is a collapsing margin issue.
The fix is to assign a border (as you have had noticed) or padding to the 
#content DIV.

#content {border-top:1px solid #(same color as the background);}
or
#content {padding-top:1px;}

Read more about collapsing margins at: 
http://css-discuss.incutio.com/?page=CollapsingMargin

Regards

Maurício Samy Silva
http://www.maujor.com/ 

No virus found in this outgoing message.
Checked by AVG Free Edition. 
Version: 7.5.467 / Virus Database: 269.6.8/797 - Release Date: 5/10/2007
5:10 PM
 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] problem with margin after float

[Matt Tibbits]

Hello again,

 

I’m having a problem with the top margin on a  not showing
up in IE. There is a list styled as a horizontal menu that is floated left
BEFORE this , however I have cleared the float. 

 

The  that follows this list has an  tag at the top.
Since I cleared the float the  tag shows proper top margin in FF. IE
doesn’t show this margin. Strangely enough, if I put a border around the
 then the margin on the  does appear, however any top
margin on the  itself does not.

 

Another thing I noticed is if I remove the clear: left before the  then it does appear as it should in IE.

 

Can anyone help? Oh, you can view the page at HYPERLINK
"http://www.tibbits.ca/test/index.php"http://www.tibbits.ca/test/index.php

 

 

Thank you,

 

Matt Tibbits

 

 


No virus found in this outgoing message.
Checked by AVG Free Edition. 
Version: 7.5.467 / Virus Database: 269.6.8/797 - Release Date: 5/10/2007
5:10 PM
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] problem with vertical nav list

[Matt Tibbits]

Tried this and it still exhibits the same behaviour...

Thank you,
 
Matt Tibbits


-Original Message-
From: Mauricio Samy Silva [mailto:[EMAIL PROTECTED] 


This is a haslayout issue [1]

Add the following to your CSS
#menu LI {
width:100%;

}


No virus found in this outgoing message.
Checked by AVG Free Edition. 
Version: 7.5.467 / Virus Database: 269.6.2/787 - Release Date: 5/3/2007 2:11
PM
 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] floats, fieldsets, and margins

[Matt Tibbits]

Hello again,

 

Still working on forms and running into a bit of a problem…

 

I have a fieldset within a fieldset, I cannot put a top margin on the nested
fieldset. 

 

Here’s a silly little example: HYPERLINK
"http://www.tibbits.ca/webdev/test.php"http://www.tibbits.ca/webdev/test.php

 

It doesn’t seem to matter whether or not there is text floated to the left
of this nested fieldset element. I’m thinking that it probably has something
to do with the preceeding inline element occurring in the form of a legend
tag…but not really sure. 

 

Can someone explain to me why this happens? Any suggestions on how to fix it
would also be welcome. 

 

Thanks,

 

Matt

 

 


-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.408 / Virus Database: 268.13.5/483 - Release Date: 10/18/2006
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] margin problem

[Matt Tibbits]

I seem to have found a solution...if I put display: inline; on the my
fieldset tag then it lines up properly...

Matt


 

I am working on a fully css based form and for some reason IE is removing
5px (approx.) from the left margin on a fieldset tag…

You can see this here: HYPERLINK
"http://www.tibbits.ca/webdev/form.php"http://www.tibbits.ca/webdev/form.php

It is the first “Select One” box that doesn’t have the correct left margin.
Is there a way to fix this without resorting to hacks to feed IE a wider
left margin?


 

-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.408 / Virus Database: 268.13.4/477 - Release Date: 10/16/2006
 

__
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.com 
__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] margin problem

[Matt Tibbits]

Hi all,

 

I am working on a fully css based form and for some reason IE is removing
5px (approx.) from the left margin on a fieldset tag…

 

You can see this here: HYPERLINK
"http://www.tibbits.ca/webdev/form.php"http://www.tibbits.ca/webdev/form.php

 

It is the first “Select One” box that doesn’t have the correct left margin.
Is there a way to fix this without resorting to hacks to feed IE a wider
left margin?

 

Thanks,

 

Matt

 

 


-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.408 / Virus Database: 268.13.4/477 - Release Date: 10/16/2006
 
__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] float clearing problem

[Matt Tibbits]

Thank you very much for your help and your detailed explanations. Very much
appreciated.

Matt 

-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.408 / Virus Database: 268.13.2/471 - Release Date: 10/10/2006
 

__
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.com 
__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] float clearing problem

[Matt Tibbits]

Thanks for your help and your explanation. It all makes sense to me, but why
is it that on this page: http://easterseals.nb.ca/about_contact.php when I
use the  tag to clear the floated form elements they do NOT clear down
below the left floated menu?  Shouldn't the same behaviour be exhibited
here?

Thanks,

Matt



-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.407 / Virus Database: 268.13.1/469 - Release Date: 10/9/2006
 

__
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.com 
__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] float clearing problem

[Matt Tibbits]

Hello all, 

 

I have a page with a left floated menu and a main content area. In the
content area I have a series of images that are left floated. Since the text
around the images is in some cases very short, I clear the end of the
paragraph so that the next paragraph is lined up with the next image. 

 

If my explanation doesn’t make any sense you can see the page here:
HYPERLINK
"http://www.easterseals.nb.ca/prog_previewcntr.php"http://www.easterseals.nb
.ca/prog_previewcntr.php

 

This appears to be fine in IE6, however when I view in FF1.5 the first clear
in the content, clears down past the left menu, leaving a gap. I thought
that a “clear” would only clear within the containing element (div in this
case). Is there an easy way to fix this without resorting to extra  tags,
margins, etc. in my content?  Which browser is displaying the proper
behaviour in this case (I’m guessing FF)?

 

Thanks in advance for your help.

 

Matt

 

 

 


-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.407 / Virus Database: 268.12.12/461 - Release Date: 10/2/2006
 
__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] funny space on in FF

[Matt Tibbits]

Thanks, Philippe and Scott. You've both explained it quite well.

Cheers, 

Matt

-Original Message-
From: Philippe Wittenbergh [mailto:[EMAIL PROTECTED] 

it is a margin-collapse issue. The problem doesn't happen in IE  
because the container 'hasLayout' [1] which prevents the margin on  
the h1 from 'escaping'. Firefox, Safari, Opera, iCab, IE mac, and any  
browser that supports css 2.x reasonably all show this.

Adding a border to the div in question fixes this as you discover;  
better could be: give the div a small padding (1px) or larger padding  
(1em) and then zero out the top margin on the h1.


__
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.com 
__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] funny space on in FF

[Matt Tibbits]

Hello,

 

I have a situation where I have a  that follows a . FF shows a small space between the 2 "div's", that is until I
put a border around the . When I do, the div is pulled up
flush with the top div with only the border in between. 

 

I've seen this behavior before but have never figured out why it happens.
The reason it is a problem on this particular page is because I have a bg
image that I need to be flush with the top div. 

 

You can see this behavior using FF at this address:
http://tibbits.ca/test/Camprotary.ca/info.php

 

If you use IE you can see that it looks the way I want it to. Have I made a
mistake in the way I've coded this, or is FF behaving the way it is supposed
to?  I could put a border around it as a temporary fix, but then there would
still be a 1px space between the top of the image (div id="content") and the
top div (id="navbar"). 

 

If anybody could point me in the right direction on this, I would much
appreciate it. 

 

Thanks,

 

Matt

 

 

__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] clearing floats problem

[Matt Tibbits]

Hello,

 

I'm using a horizontal navbar that is made up of a  and floats.  After
the  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 until I
clear the navbar floats. When I do this, it looks fine in Firefox, but IE
has doubled the size of the top margin and also added a margin to the top of
the left floated column.

 

If my explanation doesn't make any sense, you can see this here:
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 help me out here? I'd like to understand why this is happening
and if possible fix this without resorting to hacks. 

 

Thanks,

 

Matt

__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] wrapping text around a floated image

[Matt Tibbits]

Hello again,

 

I've floated an image to the left and I would like the subsequent paragraphs
to wrap around the image. However the last paragraph does not lengthen it's
lines when it reaches the bottom of the image to create the "wrapping"
effect. 

 

I also tried placing the image just inside the  of the first paragraph
and when I do that all the following paragraphs jump to just below the
image. 

 

Can someone please help me with this? As usual this seems to only be
happening in IE.

 

I put a test here: http://www.tibbits.ca/test1.htm

 

Thanks,

 

Matt

 

__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] dropdown and spacing problems

[Matt Tibbits]

Hello,

 

I am just starting out with CSS dropdowns using the "Sons of Suckerfish"
method. The problem I am having is with spacing of the first level elements.
This only seems to happen in Firefox. IE6 keeps the elements spaced
properly. 

 

If I place a right and left border, and then add some padding the right
border of the first element gets pushed the width of the padding past the
left border of the second element.

 

You can see what's happening here: http://www.tibbits.ca/test.htm

 

The left border is blue, and the right border is green. 

 

If anyone could point me in the right direction is would be much
appreciated. 

 

Thanks,

 

Matt

 

__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] clear:float is causing layout problem

[Matt Tibbits]

This problem only happens in Firefox. It seems to work fine in Explorer.

 

Basically, I have a 2 column layout with the left column being a float.

 

In the right column, I am using floats on various elements, such as images.

If I don't do a clear:both after my images, everything gets messy in
explorer. 

 

When I do the clear:both everything after the clearing element gets dropped
down below the bottom of the left menu.

 

You can see this in action here:
http://www.nbeastersealmarchofdimes.ca/esmod.new/forms.php

 

Any help would be much appreciated.

 

Thanks,

 

Matt

 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

RE: [css-d] font-size and unordered-list menu

[Matt Tibbits]

Dwain,

I tried putting my  without any new lines separating them and it hasn't
made any difference...

If I put the font-size : .8em on the div.menu item the space goes away...the
problem here, though, is that then the font-size of everything within that
 is affected...


> 
> I created a vertical menu using an unordered list.everything works fine
> until I try to change the font size. When I put a font-size : 0.8em on the
>  or the  element, it puts a space at the bottom of each each link
> item.
> 

try this on your links:
contentcontent
or
contentcontent


__
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.com 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] font-size and unordered-list menu

[Matt Tibbits]

Another dumb question probably, but here goes.

 

I created a vertical menu using an unordered list.everything works fine
until I try to change the font size. When I put a font-size : 0.8em on the
 or the  element, it puts a space at the bottom of each each link
item.

 

Oh, and this is on in IE, of course.

 

You can see it happening
here.http://www.nbeastersealmarchofdimes.ca/esmod.new/test.htm

 

Thanks,

 

Matt

 

 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] mysterious space between float and static element

[Matt Tibbits]

Hello, 

 

Just looking for some info on a particular problem I am having.

 

I'm floating a left column for a menu followed by a static element that will
be for content.  I have a #leftcol element and a #content element. The
#leftcol is the float.

 

IE keeps putting a space between #leftcol element and the #content. It looks
like a margin, but the margins are set to 0 on the right of #leftcol and the
left of #content. You can see an example of this problem at:
http://www.tibbits.ca/test.htm

 

Both elements have a height of 400px specified. If I remove the height
attribute then the space disappears. 

 

If I keep the height and "float: left" both elements, removing the
left-margin on the #content element, the space also disappears.

 

I would just like some info on why exactly this is happening? Does this have
anything to do with the "float model problem" described on
www.positioniseverything.net  ? 

 

For a work-around, does anyone see a problem with left-floating both
elements as far as other browsers are concerned??

 

 

Thanks in advance,

 

Matt

 

 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/