Re: [WSG] floats and ie7
thanks for the heads up on ie6. i added the width to the rule. thanks for
the article as well. i read it and still don't know any more than i did
before i read it. maybe because i'm tired. i bookmarked it for later
perusal.
makes me wonder when ms will get it right in their browsers. maybe they
just like messing with designers and developers. kind of makes ballmer's
remarks of his love for web developers sound hollow.
anyway, thanks for the tip. i went back into the netscape css and got rid
of some stuff after a few more chapters in zeldman's book.
i am trying to do the same thing with my art site, but i'm hitting a brick
wall with font sizes in nn4. i was looking at the redesign of the index
page in nn4 and the font seems to get larger as i scroll down the page.
i've put it away for now, but i may give another try at a later date. btw,
does nn4 like ems, percentages or pixels for font sizes?
cheers,
dwain
On 3/27/08, Thierry Koblentz <[EMAIL PROTECTED]> wrote:
>
> > thanks thierry for your response. there was no width set on the nav div
> and that was the culprit.
> > after my bout with the nn4 style sheet i guess i was brain dead. let me
> know when you will be in alabama
>
> Hi Dwain,
>
> It does not need a width, it needs "hasLayout" [1].
> If it works with a width it is because "width" is one of the properties
> that triggers hasLayout in IE.
> zoom does this, but also position:absolute, display:inline-block, height,
> float and a few others.
>
> In any case, keep "width" if you see that it works the way you want.
>
> As a side note, if you want to fix the display issue in IE 6 (your images
> ), you'll need to insert the following:
>
> #adgpix {width: 242px;}
>
> imho, it is a good habit to always set a width on floats. I believe it
> used to be in the specs and I guess old browsers know that ;)
>
>
> [1] http://www.satzansatz.de/cssd/onhavinglayout.html
>
>
> --
> Regards,
> Thierry | http://www.TJKDesign.com
>
>
>
>
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
>
>
--
dwain alford
"The artist may use any form which his expression demands;
for his inner impulse must find suitable expression." Kandinsky
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] floats and ie7
> thanks thierry for your response. there was no width set on the nav div and
> that was the culprit.
> after my bout with the nn4 style sheet i guess i was brain dead. let me know
> when you will be in alabama
Hi Dwain,
It does not need a width, it needs "hasLayout" [1].
If it works with a width it is because "width" is one of the properties that
triggers hasLayout in IE.
zoom does this, but also position:absolute, display:inline-block, height, float
and a few others.
In any case, keep "width" if you see that it works the way you want.
As a side note, if you want to fix the display issue in IE 6 (your images ),
you'll need to insert the following:
#adgpix {width: 242px;}
imho, it is a good habit to always set a width on floats. I believe it used to
be in the specs and I guess old browsers know that ;)
[1] http://www.satzansatz.de/cssd/onhavinglayout.html
--
Regards,
Thierry | http://www.TJKDesign.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] floats and ie7
thanks thierry for your response. there was no width set on the nav div and
that was the culprit. after my bout with the nn4 style sheet i guess i was
brain dead. let me know when you will be in alabama and we'll roll out the
red carpet southern style when you get here.
dwain
On 3/26/08, Thierry Koblentz <[EMAIL PROTECTED]> wrote:
>
> > From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
> On Behalf Of dwain
> > Sent: Wednesday, March 26, 2008 8:49 PM
> > To: web standards group
> > Subject: [WSG] floats and ie7
>
> >
> > i thought i had fixed this problem. i guess i didn't.
> >
>
> > http://www.alforddesigngroup.com/
> >
> > in ff, opera, safari 3.1 and seamonkey the page looks the way i
> intended. i have an address and menu on the left and two pictures floated
> > right. in the source code the pix follow the address so on the page
> they are even with the bottom of the address line on the right side of the
> > page. the pix are in their own shrink-wrapped div. in ie7 the pix
> split the address and menu. i've looked at the css until it all runs
> > together. what am i missing? and ms said that ie7 was more standards
> compliant, fooey!
>
>
> Hi Dwain,
>
> The easy fix:
> #nav {zoom:1;}
>
> But that won't validate (and I know you want the styles sheet to
> validate), so you may want to hide it inside a Conditional Comment or try
> any other property that will trigger hasLayout in IE.
>
> For example float will work too:
>
> #nav {float:left;display:inline;}
>
> display:inline is to prevent IE to double the left margin
>
>
> --
> Regards,
> Thierry | http://www.TJKDesign.com
>
>
>
>
>
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
>
>
--
dwain alford
"The artist may use any form which his expression demands;
for his inner impulse must find suitable expression." Kandinsky
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] floats and ie7
thanks kepler for the reply. i just figured it out. i added a width of 30%
to the nav rule and ie7 played right. sometimes things just go over my head
and i have to look at the outlined divs in firefox to figure things like
this out. i was seeing a blue line for a dive that went all the way across
the page. then i remembered that i had a nav div. when i checked the rule
there was no width, therefore it was defaulting at 100%. cutting the width
percentage fixed the problem.
dwain
On 3/26/08, Kepler Gelotte <[EMAIL PROTECTED]> wrote:
>
> > i thought i had fixed this problem. i guess i didn't.
>
>
>
> Hi Dwain,
>
>
>
> Try adding "float: left" to your nav definition:
>
>
>
> #nav {
>
> FLOAT: left; FONT-SIZE: 90%; MARGIN: 0px 0px 0px 8.5em; COLOR:
> #039; TEXT-ALIGN: left
>
> }
>
>
>
> 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: [EMAIL PROTECTED]
> ***
>
>
--
dwain alford
"The artist may use any form which his expression demands;
for his inner impulse must find suitable expression." Kandinsky
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] floats and ie7
> i thought i had fixed this problem. i guess i didn't.
Hi Dwain,
Try adding "float: left" to your nav definition:
#nav {
FLOAT: left; FONT-SIZE: 90%; MARGIN: 0px 0px 0px 8.5em; COLOR:
#039; TEXT-ALIGN: left
}
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: [EMAIL PROTECTED]
***BEGIN:VCARD
VERSION:2.1
N:Gelotte;Kepler;;Mr.
FN:Kepler Gelotte ([EMAIL PROTECTED])
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:[EMAIL PROTECTED]
REV:20070415T052107Z
END:VCARD
RE: [WSG] floats and ie7
> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of dwain
> Sent: Wednesday, March 26, 2008 8:49 PM
> To: web standards group
> Subject: [WSG] floats and ie7
>
> i thought i had fixed this problem. i guess i didn't.
>
> http://www.alforddesigngroup.com/
>
> in ff, opera, safari 3.1 and seamonkey the page looks the way i intended. i
> have an address and menu on the left and two pictures floated
> right. in the source code the pix follow the address so on the page they are
> even with the bottom of the address line on the right side of the
> page. the pix are in their own shrink-wrapped div. in ie7 the pix split the
> address and menu. i've looked at the css until it all runs
> together. what am i missing? and ms said that ie7 was more standards
> compliant, fooey!
Hi Dwain,
The easy fix:
#nav {zoom:1;}
But that won't validate (and I know you want the styles sheet to validate), so
you may want to hide it inside a Conditional Comment or try any other property
that will trigger hasLayout in IE.
For example float will work too:
#nav {float:left;display:inline;}
display:inline is to prevent IE to double the left margin
--
Regards,
Thierry | http://www.TJKDesign.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
[WSG] floats and ie7
i thought i had fixed this problem. i guess i didn't. http://www.alforddesigngroup.com/ in ff, opera, safari 3.1 and seamonkey the page looks the way i intended. i have an address and menu on the left and two pictures floated right. in the source code the pix follow the address so on the page they are even with the bottom of the address line on the right side of the page. the pix are in their own shrink-wrapped div. in ie7 the pix split the address and menu. i've looked at the css until it all runs together. what am i missing? and ms said that ie7 was more standards compliant, fooey! dwain -- dwain alford "The artist may use any form which his expression demands; for his inner impulse must find suitable expression." Kandinsky *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
