Re: [WSG] Clearing issue and IE7 weirdness
Henrik Madsen wrote: For what it's worth, homepage all good on Mac browsers x4. Good and thanks for checking, our Mac is currently on holiday :-) Try floating both your lh and rh cols, in which case the 'clear' of the footer should work. Thanks for this info, and the same for the others that answered. I had thought that a clear would work on any float above it, now I know better. (and if applying margin/padding, don't forget display:inline (for IE6)). It looks fine on IE6 now, and I did not need the display:inline, maybe because I did not float the RH column, that gave other issues in column width, like there wasn't any! I used a wrapping div that was floated as per Per Allan Johansson's suggestion, that gave the clear and left the RH column the proper width. > Suggestion: I don't think you don't need... Those divs come out of the navigation generating engine in the CMS, not from my template code. Sometimes you need them, but not in this case so they are a bit redundant. -- Yours, Kym Kovan mbcomms.net.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Clearing issue and IE7 weirdness
Hi
I added a wrapper-class to your content area, changed some stuff in your
css. The result was pretty good:
http://vs.mills.no/site/1/_public/test/index.html
In my css:
html {
font-size:100%;
}
body {
margin:20px;
padding:0;
}
#hdr {
border-width:2px 0;
height:260px;
margin:0 0 20px 0;
}
#HeaderLogo {
float:left;
margin:10px;
display:inline; /* double float margin-bug in IE6 */
}
#HeaderBody {
margin-left:380px;
margin-top:60px;
}
.col-wrapper {
position:relative;
float:left;
width:100%;
margin-bottom:20px;
}
#lh-col {
margin:0;
height: auto;
height:200px !important;
min-height:200px;
padding:0;
width:360px;
position:absolute;
top: 0;
left: 0;
}
#rh-col {
margin:0 0 0 380px;
height: auto;
height:160px !important;
min-height:160px;
padding:20px;
}
#footer {
clear:both;
height:52px;
}
Hope this helps.
Both IE6/IE7 always display the scrollbar, but disables it when not in use.
--
Per Allan Johansson
Senior Consultant
Enonic AS
http://ww.enonic.com/no
Kym Kovan skrev følgende den 02.01.09 10.28:
> Hello,
>
> I have just been given the task of cloning an old website into our CMS
> and have bumped into a couple of oddities that I hope folk can help
> with. Looking at:
>
> http://halfinch.net/content.cfm/MDM+and+ES/General+Information/Other+System+Sp
> ur+Gears+-+Modified+for+meccano+-+Part+1
>
> shows a page with no content in it yet but the left-hand menu pushes
> down below the footer which has a clear:both on it. Can someone tell
> what obvious bit I am missing?
>
> Second question is: why does IE7 put an empty scroll bar on the right
> when the content is nowhere near filling the screen vertically?
>
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
RE: [WSG] Clearing issue and IE7 weirdness
> shows a page with no content in it yet but the left-hand menu pushes > down below the footer which has a clear:both on it. Can someone tell > what obvious bit I am missing? I only see that behavior in IE6, not in IE7. IE6 doesn't support min-height that is used for rh-col. Since rh-col is position: relative, the clear: both in footer has no effect. Clear works with floated elements. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte (kep...@neighborwebmaster.com) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:kep...@neighborwebmaster.com REV:20070415T052107Z END:VCARD
Re: [WSG] Clearing issue and IE7 weirdness
For what it's worth, homepage all good on Mac browsers x4. I can however see the first problem you describe on the General Information page. Try floating both your lh and rh cols, in which case the 'clear' of the footer should work. Seems to work in Firebug - may need some tweaking (and if applying margin/padding, don't forget display:inline (for IE6)). Suggestion: I don't think you don't need... ...in your lh-col. I'd just apply positioning to the Henrik -- Generator - Web Designer Perth www.igenerator.com.au On 02/01/2009, at 6:28 PM, Kym Kovan wrote: Hello, I have just been given the task of cloning an old website into our CMS and have bumped into a couple of oddities that I hope folk can help with. Looking at: http://halfinch.net/content.cfm/MDM+and+ES/General+Information/Other+System+Spur+Gears+-+Modified+for+meccano+-+Part+1 shows a page with no content in it yet but the left-hand menu pushes down below the footer which has a clear:both on it. Can someone tell what obvious bit I am missing? Second question is: why does IE7 put an empty scroll bar on the right when the content is nowhere near filling the screen vertically? -- Yours, Kym Kovan mbcomms.net.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Clearing issue and IE7 weirdness
Hello, I have just been given the task of cloning an old website into our CMS and have bumped into a couple of oddities that I hope folk can help with. Looking at: http://halfinch.net/content.cfm/MDM+and+ES/General+Information/Other+System+Spur+Gears+-+Modified+for+meccano+-+Part+1 shows a page with no content in it yet but the left-hand menu pushes down below the footer which has a clear:both on it. Can someone tell what obvious bit I am missing? Second question is: why does IE7 put an empty scroll bar on the right when the content is nowhere near filling the screen vertically? -- Yours, Kym Kovan mbcomms.net.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
