Re: [WSG] Fwd: navaigation list rendered bad in ie

[Dave Woods]

Hi Andrew,

As Thierry has pointed out, Zoom will fix this issue but you may want to
have a read of the following as it explains the reasons why...

http://www.satzansatz.de/cssd/onhavinglayout.html

For fix width layouts, I'd usually tend to fix this by providing a width (in
your case width: 216px; on the anchor will do the same job as the zoom) but
there's various methods of solving the haslayout issue.

Cheers
Dave
- - - - -
http://www.dave-woods.co.uk


On 14/02/2008, Thierry Koblentz <[EMAIL PROTECTED]> wrote:
>
> > On Behalf Of Andrew WC Brown
>
> >
> > Here's an image to the problem
> > http://img138.imageshack.us/img138/5567/iefirefoxlistcb1.jpg
> >
> > Here's a link to the page
> > http://dutchakscrap.com/about.html
>
>
> Hi Andrew,
> Try this:
>
> div.navigation a {zoom:1;}
>
> As a side note, I don't see a need for that DIV, you could go with the UL
> alone.
>
>
> --
> Regards,
> Thierry | http://www.TJKDesign.com
>
>
>
>
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
>
>


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Fwd: navaigation list rendered bad in ie

[aleagi]

Hello there,

Try adding

* html div.navigation a {height: 1%;}

only for IE6...

I know there's a lot of people that don't like conditional comments,
but it can save A LOT of time.

Best Regards,

On Thu, Feb 14, 2008 at 7:29 AM, Dave Woods <[EMAIL PROTECTED]> wrote:
> Hi Andrew,
>
> As Thierry has pointed out, Zoom will fix this issue but you may want to
> have a read of the following as it explains the reasons why...
>
> http://www.satzansatz.de/cssd/onhavinglayout.html
>
> For fix width layouts, I'd usually tend to fix this by providing a width (in
> your case width: 216px; on the anchor will do the same job as the zoom) but
> there's various methods of solving the haslayout issue.
>
> Cheers
> Dave
> - - - - -
> http://www.dave-woods.co.uk
>
>
>
>
> On 14/02/2008, Thierry Koblentz <[EMAIL PROTECTED]> wrote:
> > > On Behalf Of Andrew WC Brown
> >
> > >
> > > Here's an image to the problem
> > > http://img138.imageshack.us/img138/5567/iefirefoxlistcb1.jpg
> > >
> > > Here's a link to the page
> > > http://dutchakscrap.com/about.html
> >
> >
> > Hi Andrew,
> > Try this:
> >
> > div.navigation a {zoom:1;}
> >
> > As a side note, I don't see a need for that DIV, you could go with the UL
> > alone.
> >
> >
> > --
> > Regards,
> > Thierry | http://www.TJKDesign.com
> >
> >
> >
> >
> >
> >
> > ***
> > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> > Help: [EMAIL PROTECTED]
> > ***
> >
> >
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***



-- 
Luiz Gustavo Aleagi Nunes
-
"Nosce te ipsum"
-
http://sapiensdc.com.br


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Fwd: navaigation list rendered bad in ie

[Dave Woods]

That'll work for IE6 but haslayout also exists in IE7 therefore either zoom
or applying a width would be the best fix ;o)

- - - - -
http://www.dave-woods.co.uk


On 14/02/2008, aleagi <[EMAIL PROTECTED]> wrote:
>
> Hello there,
>
> Try adding
>
> * html div.navigation a {height: 1%;}
>
> only for IE6...
>
> I know there's a lot of people that don't like conditional comments,
> but it can save A LOT of time.
>
> Best Regards,
>
>
> On Thu, Feb 14, 2008 at 7:29 AM, Dave Woods <[EMAIL PROTECTED]>
> wrote:
> > Hi Andrew,
> >
> > As Thierry has pointed out, Zoom will fix this issue but you may want to
> > have a read of the following as it explains the reasons why...
> >
> > http://www.satzansatz.de/cssd/onhavinglayout.html
> >
> > For fix width layouts, I'd usually tend to fix this by providing a width
> (in
> > your case width: 216px; on the anchor will do the same job as the zoom)
> but
> > there's various methods of solving the haslayout issue.
> >
> > Cheers
> > Dave
> > - - - - -
> > http://www.dave-woods.co.uk
> >
> >
> >
> >
> > On 14/02/2008, Thierry Koblentz <[EMAIL PROTECTED]> wrote:
>
> > > > On Behalf Of Andrew WC Brown
> > >
> > > >
> > > > Here's an image to the problem
> > > > http://img138.imageshack.us/img138/5567/iefirefoxlistcb1.jpg
> > > >
> > > > Here's a link to the page
> > > > http://dutchakscrap.com/about.html
> > >
> > >
> > > Hi Andrew,
> > > Try this:
> > >
> > > div.navigation a {zoom:1;}
> > >
> > > As a side note, I don't see a need for that DIV, you could go with the
> UL
> > > alone.
> > >
> > >
> > > --
> > > Regards,
> > > Thierry | http://www.TJKDesign.com
> > >
> > >
> > >
> > >
> > >
> > >
> > > ***
> > > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> > > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> > > Help: [EMAIL PROTECTED]
> > > ***
> > >
> > >
> >
> >
> > ***
> > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> > Help: [EMAIL PROTECTED]
> > ***
>
>
>
>
> --
> Luiz Gustavo Aleagi Nunes
> -
> "Nosce te ipsum"
> -
> http://sapiensdc.com.br
>
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
>
>


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] Fwd: navaigation list rendered bad in ie

[Thierry Koblentz]

> On Behalf Of Dave Woods
>
> That'll work for IE6 but haslayout also exists in IE7 therefore either
zoom or applying a width would be the best fix ;o)

Hi Dave,
The problem with "width" is that the rule already contains a padding
declaration, so it'd "require" to serve a different value to IE5.  
On the other hand, "width" validates but "zoom" doesn't.
So the "best" fix (if validation is a requirement) could be to use:

a {display:inline-block;} 

*before* the existing "div.navigation a" rule that contains a
"display:block" declaration.

That should turn hasLayout on in ie 5.5+

-- 
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] IE6 3-pixel jog victim

[Jens-Uwe Korff]

>> I have restyled a timeline but have come stuck with IE6's 3-pixel
jog.
>> 
>> I cannot apply the usual remedy (floating the paragraph) as I need
any 
>> element next to the floated "offender" to be indented. Hence the 
>> paragraph has a left margin which cannot be zero.
>
>>
> ory-timeline.html>
>
>You haven't exhausted the 'float' property yet.
>
>By adding...
>
>* html ol.timelineList dl {clear: both; margin-top: 1em;}
>* html ol.timelineList li p {float: right; width: 500px; margin: 1em
1em 0 0; clear: right;}
>* html ol.timelineList {float: left; margin-top: -1em;}


Hi Gunlaug,

thanks very much for your solution - it works perfectly. Could you
please explain how the margin works with IE6? I wonder how the top
margin eliminates the left margin when I apply it. Thank you.

Cheers,
 
Jens 

The information contained in this e-mail message and any accompanying files is 
or may be confidential. If you are not the intended recipient, any use, 
dissemination, reliance, forwarding, printing or copying of this e-mail or any 
attached files is unauthorised. This e-mail is subject to copyright. No part of 
it should be reproduced, adapted or communicated without the written consent of 
the copyright owner. If you have received this e-mail in error please advise 
the sender immediately by return e-mail or telephone and delete all copies. 
Fairfax does not guarantee the accuracy or completeness of any information 
contained in this e-mail or attached files. Internet communications are not 
secure, therefore Fairfax does not accept legal responsibility for the contents 
of this message or attached files.


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] IE6 3-pixel jog victim

[Gunlaug Sørtun]

Jens-Uwe Korff wrote:

thanks very much for your solution - it works perfectly. Could you 
please explain how the margin works with IE6? I wonder how the top 
margin eliminates the left margin when I apply it. Thank you.


Not sure I understand your question - which margin eliminates what,
since there's a zero margin-left on the paragraph in my example.
The paragraph is "hanging on" its right margin - floated right with a
declared width, which means a left margin isn't needed.
That's the "trick", and would work the same in all browsers - if they
could "see" these styles.

IE6 ignores margin-bottom on floats in your line-up - an IE6 bug, so I
instead introduced margin-top for both the paragraph and the dl to
preserve the vertical spacing and line-up.
The negative margin on the floated ol then compensates for these top
margins that are pushing the whole line-up downwards, by moving the
entire ol upwards.


BTW: your page suffers from the "em font-resizing bug in IE5 - IE7"[1].

regards
Georg

[1]http://www.gunlaug.no/contents/wd_additions_13.html
--
http://www.gunlaug.no


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Decorative bolding

[Geoff Pack]

C. 

On 12/2/08 9:55 AM, "Rachel May" <[EMAIL PROTECTED]> wrote:

> Hi everyone,
> 
> I have a client who requires part of their name to be bolded within the body
> text for brand reasons.  This I see as decorative, therefore it would not be
> correct to  it...
> 
> Do I:
> a. Use the  tag, or...
> b. Use a  tag and bold it using CSS?
> 


The information contained in this email and any attachment is confidential and
may contain legally privileged or copyright material.   It is intended only for
the use of the addressee(s).  If you are not the intended recipient of this
email, you are not permitted to disseminate, distribute or copy this email or
any attachments.  If you have received this message in error, please notify the
sender immediately and delete this email from your system.  The ABC does not
represent or warrant that this transmission is secure or virus free.   Before
opening any attachment you should check for viruses.  The ABC's liability is
limited to resupplying any email and attachments.


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

[WSG] floats not wrapping

[Taco Fleur]

Hello,
 
does anyone know how I can stop floats from wrapping (not sure if thats the
right word for it).
Best way to explain it is by going to the following page and resize the
browser to something smaller than 800px
http://www.clickfind.com.au/advertise-online.cfm
 
Once you do that, the right side float starts to go below the first float,
which is really not what I want to happen, the browser should just show the
horizontal scrollbar when the browser is resized.
 
Would adding a whitespace:nowrap somewhere do the trick? And if so, what
kind of support does that have? 
Maybe I should lay the page out differently?
 
Thanks in advance.


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] floats not wrapping

[Karl Lurman]

You need to work out a way of setting the minimum width of your
containing div to ensure that it can never get any smaller than your
smallest size. You might also want to consider setting the overflow to
hidden for this parent container also, but this may mean your
overflowed floated content will 'disappear' - perhaps not desirable.

This is fairly easy to achieve with most modern browsers, although you
will need a little hack for IE6. Google min-width...

Karl

On Fri, Feb 15, 2008 at 11:08 AM, Taco Fleur
<[EMAIL PROTECTED]> wrote:
>
>
> Hello,
>
> does anyone know how I can stop floats from wrapping (not sure if thats the
> right word for it).
> Best way to explain it is by going to the following page and resize the
> browser to something smaller than 800px
> http://www.clickfind.com.au/advertise-online.cfm
>
> Once you do that, the right side float starts to go below the first float,
> which is really not what I want to happen, the browser should just show the
> horizontal scrollbar when the browser is resized.
>
> Would adding a whitespace:nowrap somewhere do the trick? And if so, what
> kind of support does that have?
> Maybe I should lay the page out differently?
>
> Thanks in advance.
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] floats not wrapping

[Jixor - Stephen I]

Taco Fleur wrote:

Hello,
 
does anyone know how I can stop floats from wrapping (not sure if 
thats the right word for it).
Best way to explain it is by going to the following page and resize 
the browser to something smaller than 800px

http://www.clickfind.com.au/advertise-online.cfm
 
Once you do that, the right side float starts to go below the first 
float, which is really not what I want to happen, the browser should 
just show the horizontal scrollbar when the browser is resized.
 
Would adding a whitespace:nowrap somewhere do the trick? And if so, 
what kind of support does that have?

Maybe I should lay the page out differently?
 
Thanks in advance.


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*** 
You'll need to use floats to create columns or make the bot on the left 
absolutely positioned and the bores on the right simply pushed into a 
column with padding.



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] floats not wrapping

[Gav...]

Hi

What about changing your div to a % rather than fixed width pixels ?

div#advertise (line 7)
{
width: 400px; // change to a % instead
...}

Play around with what % works best, something around 45-55%.

Gav...


> Hello,
>
> does anyone know how I can stop floats from wrapping (not sure if thats
> the
> right word for it).
> Best way to explain it is by going to the following page and resize the
> browser to something smaller than 800px
> http://www.clickfind.com.au/advertise-online.cfm
>
> Once you do that, the right side float starts to go below the first float,
> which is really not what I want to happen, the browser should just show
> the
> horizontal scrollbar when the browser is resized.
>
> Would adding a whitespace:nowrap somewhere do the trick? And if so, what
> kind of support does that have?
> Maybe I should lay the page out differently?
>
> Thanks in advance.
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***


-- 
Gav...



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] floats not wrapping

[Blake]

Add a width to the containing element to 'brace' the page so that it
can't shrink below the width of the container element. Make sure that
width is wide enough to accomodate the floated layout as you want it.

Regards,
Blake

On Fri, Feb 15, 2008 at 11:08 AM, Taco Fleur
<[EMAIL PROTECTED]> wrote:
>
>
> Hello,
>
> does anyone know how I can stop floats from wrapping (not sure if thats the
> right word for it).
> Best way to explain it is by going to the following page and resize the
> browser to something smaller than 800px
> http://www.clickfind.com.au/advertise-online.cfm
>
> Once you do that, the right side float starts to go below the first float,
> which is really not what I want to happen, the browser should just show the
> horizontal scrollbar when the browser is resized.
>
> Would adding a whitespace:nowrap somewhere do the trick? And if so, what
> kind of support does that have?
> Maybe I should lay the page out differently?
>
> Thanks in advance.
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] floats not wrapping

[Taco Fleur]

Thanks Blake... Thinking about it now, pretty stupid question of me. For the
life of me, I could not think of a solution, but funny enough, in the past I
have used this before..

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Blake
Sent: Friday, 15 February 2008 10:31 AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] floats not wrapping

Add a width to the containing element to 'brace' the page so that it can't
shrink below the width of the container element. Make sure that width is
wide enough to accomodate the floated layout as you want it.

Regards,
Blake

On Fri, Feb 15, 2008 at 11:08 AM, Taco Fleur <[EMAIL PROTECTED]>
wrote:
>
>
> Hello,
>
> does anyone know how I can stop floats from wrapping (not sure if 
> thats the right word for it).
> Best way to explain it is by going to the following page and resize 
> the browser to something smaller than 800px 
> http://www.clickfind.com.au/advertise-online.cfm
>
> Once you do that, the right side float starts to go below the first 
> float, which is really not what I want to happen, the browser should 
> just show the horizontal scrollbar when the browser is resized.
>
> Would adding a whitespace:nowrap somewhere do the trick? And if so, 
> what kind of support does that have?
> Maybe I should lay the page out differently?
>
> Thanks in advance.
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] hello

[Joe Ortenzi]

That's art, Kat, design is different.
And design is a significant part of the web.


On Feb 12 2008, at 22:52, Katrina wrote:


kevin mcmonagle wrote:
yes its a buzzword mostly but from a design standpoint its also a  
genre.
That's an interesting thought. Is Web 2.0 larger than the web  
itself? Has it become an art movement/period, in the same way as  
Modernism, Post-Modernism, Humanism, Impressionism, etc?


Kat


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Joe Ortenzi
[EMAIL PROTECTED]
www.joiz.com




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***