Re: [css-d] wrapper width and IE
On 26/03/2008, at 12:34 PM, Gunlaug Sørtun wrote: > BTW: that page looks a bit funny when subjected to font-resizing, as > most containers are sized in 'em' but the dl has a width in 'px'. > Creates lots of whitespace down the page. Thank you guys. All fixed and point above taken and implemented. Thanks again, Elle __ 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] wrapper width and IE
Elle Meredith wrote: > 1. Same page: http://mesfiji.org/about/mes-staff In IE7 (and I would > assume the same in IE6), the text in the gets pushed down below > the image. You can add... .team dd.pic {float: left;} ...to fix IE6 and IE7 without disturbing other browsers. Also, add... #navcol {display: inline;} ...to kill the 'margin-doubling on floats' bug in IE6. BTW: that page looks a bit funny when subjected to font-resizing, as most containers are sized in 'em' but the dl has a width in 'px'. Creates lots of whitespace down the page. Georg -- http://www.gunlaug.no __ 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] wrapper width and IE
From: Elle Meredith <[EMAIL PROTECTED]> >1. Same page: http://mesfiji.org/about/mes-staff >In IE7 (and I would assume the same in IE6), the text in the gets >pushed down below the image. Add {display: inline;} to your #navcol selector to defeat IE6's doubled float margin bug (which is dropping the entire main column below your nav column in IE6). #navcol { width:15em; margin-left:5em; text-align:right; display: inline; /* add this */ } To fix the problem in the question, remove the width declaration from the CSS file .team dd.pic { /* width:90px;*/ /* delete this */ margin-left: 0; } and put the widths into the image tags in the HTML page. For IE6, that fixes the problem. ~holly __ 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] wrapper width and IE
Elle Meredith wrote: > 2. A different page: http://kids.mesfiji.org/ IE doesn't see my > links that are scattered over the map. How can I fix it? Add... #home #ocean a { background: url(noimg.png);} #home #ocean a:hover {background-position: 0 0;} ...to give IE something (a non-existing background-image) to :hover on, and something to do with the anchor itself on :hover to force re-rendering and "release" of the span. regards Georg -- http://www.gunlaug.no __ 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] wrapper width and IE
I don't have IE6 to check it out but it already looks better in IE7. Still got 2 problems: 1. Same page: http://mesfiji.org/about/mes-staff In IE7 (and I would assume the same in IE6), the text in the gets pushed down below the image. Now I know that IE has trouble fitting floats, but there should be enough space for it to fit in. 2. A different page: http://kids.mesfiji.org/ IE doesn't see my links that are scattered over the map. How can I fix it? Thanks, Elle On 26/03/2008, at 3:33 AM, Kepler Gelotte wrote: >> What about widening the #topwrapper instead to 90em? >> Would that have the same effect? > > I would *assume* so. My guess is that IE has some float rounding > error when > figuring how much room is available in divs. > > > Best regards, > Kepler Gelotte > Neighbor Webmaster, Inc. > 156 Normandy Dr., Piscataway, NJ 08854 > www.neighborwebmaster.com > phone/fax: (732) 302-0904 > > __ 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] wrapper width and IE
> What about widening the #topwrapper instead to 90em? > Would that have the same effect? I would *assume* so. My guess is that IE has some float rounding error when figuring how much room is available in divs. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 __ 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] wrapper width and IE
On 25/03/2008, at 7:17 PM, Kepler Gelotte wrote: >> but IE still pushes the other divs down and really messes things up > > > By relaxing the left margin slightly solves the problem: > > #wrapper { > PADDING-BOTTOM: 3em; MARGIN-LEFT: 2em; WIDTH: 66em > } > > What about widening the #topwrapper instead to 90em? Would that have the same effect? Elle __ 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] wrapper width and IE
> but IE still pushes the other divs down and really messes things up Hi, It looks like you are trying to fit the divs which add up to 89em (5+15+3+66): #navcol { MARGIN-LEFT: 5em; WIDTH: 15em; TEXT-ALIGN: right } #wrapper { PADDING-BOTTOM: 3em; MARGIN-LEFT: 3em; WIDTH: 66em } into an 89em div: #topwrapper { WIDTH: 89em } By relaxing the left margin slightly solves the problem: #wrapper { PADDING-BOTTOM: 3em; MARGIN-LEFT: 2em; WIDTH: 66em } Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 __ 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/