Re: [css-d] list Within list problem

[Ian Young]

> Subject: [css-d] list Within list problem
> 
> Hello,
> 
> Thank you to all who replied to this topic. I  now have it displaying
> how I
> want, (not the way I want) there is much more mark up than I wanted,
> but it
> works. see Here:
> 
> http://www.linkhomes2000.co.uk/main/investments/pensions/personal-
> pensions/personal_pensions%26p_pensionsbox.php
> 
> 
> CSS here:
> 
> http://www.linkhomes2000.co.uk/css/forms/pension-form.css
> 
> As I say if you check, there is much more mark up added, but it gives
> the
> display I want. (have not verified it) yet, but think it should be
> alright..
> 
> Once again thank you to all who took time to help, they are what makes
> this
> list so important to us beginners...
> 
> Please keep doing so, we would all loose if you ever became to busy to
> help...
>

Still a bit to do as you have a large number of markup errors see
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.linkhomes2000.c
o.uk%2Fmain%2Finvestments%2Fpensions%2Fpersonal-pensions%2Fpersonal_pensions
%2526p_pensionsbox.php

The "blockquote" element is raising a fair number of errors.

Maybe I am being thick but cannot see any quotations on the page so why are
you using blockquote?

Cheers

Ian J Young
iyes
http://www.iyesolutions.co.uk
CSS Developers, SEO Specialists

__
css-discuss [cs...@lists.css-discuss.org]
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] list Within list problem

[Ian Young]

> -Original Message-
> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of Ian Young
> Sent: 28 May 2009 10:33
> To: grovesda...@linkhomes2000.co.uk; css-d@lists.css-discuss.org
> Subject: Re: [css-d] list Within list problem
> 
> > -Original Message-
> > From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> > boun...@lists.css-discuss.org] On Behalf Of
> > grovesda...@linkhomes2000.co.uk
> > Sent: 28 May 2009 09:53
> > To: css-d@lists.css-discuss.org
> > Subject: [css-d] list Within list problem
> >
> > Hello,
> >
> > Have a un-ordered list containing an ordered list. My problem is I
> > don't
> > seem able to target the ordered list.
> >
> > File is here:
> >
> > http://www.linkhomes2000.co.uk/main/investments/pensions/personal-
> > pensions/personal_pensions%26p_pensionsbox.php
> >
> >
> > relevant css here:
> >
> > http://www.linkhomes2000.co.uk/css/forms/pension-form.css
> >
> > The ordered list should be showing numbers 1,2,3,... And should be
> > aligning
> > in width with the un-ordered list..
> >
> Have I missed something here but the ordered list should have 
> 
> tags.


I did miss something so here is a solution:
 Couple of things. Class name is misspelt in the style sheet and the 
 blockquote is interfering with the sub style.
 Is this what you are trying to achieve?
 http://iyesolutions.co.uk/templates/css/28-05-09/
 
 Just the unordered and ordered list for clarity.

Cheers

Ian Young
iyes
http://www.iyesolutions.co.uk
SEO Specialists, CSS Developers

__
css-discuss [cs...@lists.css-discuss.org]
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] list Within list problem

[Ian Young]

> -Original Message-
> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of
> grovesda...@linkhomes2000.co.uk
> Sent: 28 May 2009 09:53
> To: css-d@lists.css-discuss.org
> Subject: [css-d] list Within list problem
> 
> Hello,
> 
> Have a un-ordered list containing an ordered list. My problem is I
> don't
> seem able to target the ordered list.
> 
> File is here:
> 
> http://www.linkhomes2000.co.uk/main/investments/pensions/personal-
> pensions/personal_pensions%26p_pensionsbox.php
> 
> 
> relevant css here:
> 
> http://www.linkhomes2000.co.uk/css/forms/pension-form.css
> 
> The ordered list should be showing numbers 1,2,3,... And should be
> aligning
> in width with the un-ordered list..
> 
Have I missed something here but the ordered list should have  
tags.

Best

Ian
iyes
CSS Developer and SEO Specialist

__
css-discuss [cs...@lists.css-discuss.org]
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 menu in IE7

[Ian Young]

> Subject: [css-d] Problem with menu in IE7
> 
> I am currently working with a client on the following web site --
> http://www.keystonees.com/new.
> 
> For some reason, the menu bar (home, about, services, faq and contact)
> do
> not appear in IE7 but they appear on all other browsers.  The CSS can
> be
> seen at http://www.keystonees.com/new/css/main.css.
> 
> Any and all help figuring this out would be greatly appreciated! Thanks
> in
> advance!
> 

32 markup errors.
Fix those first.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.keystonees.com%
2Fnew%2F

Cheers

Ian
iyes
SEO Specialists

__
css-discuss [cs...@lists.css-discuss.org]
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] IE8 is it a improvement over IE7?

[Ian Young]

> -Original Message-
> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of Christopher R
> Sent: 05 May 2009 16:58
> To: CSS-D
> Subject: [css-d] IE8 is it a improvement over IE7?
> 
> I would just like to know if IE8 is an improvement over IE7?

Before you incur the wrath of the moderators this is off topic, but safe to
say that IE8 is a big improvement on IE7. 

Best

Ian Young
IY e-Solutions

__
css-discuss [cs...@lists.css-discuss.org]
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] formatting a Ul to not wrap around a floated image

[Ian Young]

> -Original Message-
> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of Robert Lane
> Sent: 28 April 2009 21:37
> To: Css-Discussion Group
> Subject: [css-d] formatting a Ul to not wrap around a floated image
> 
> 
 
> The issue page is here: www.lane-consulting.com/Tests/PRA/BIRC.php
> 
> I have been fiddling with this page and I am at least getting
> consistent
> behavior from what I can see in IE 6/7/8 and FF3
> 
> But, the issue I have is this:
> 
> * An unordered list starts about 2/3 of the way down alongside an
>   image that floats left
> * The list has 8 items
> * Items 1-4 flow along the right side of the image
> * Items 5-8 are below the bottom edge of the image - so they flow
> to
>   the left margin of the containing div below the image.
> 
> Ideally I would like to have all the 8 bullets stay lined up in a
> straight line and leave white space below the image until the end of
> the
> UL bullet list items.
> 
> Is there a  way to do this using CSS?
> 
What is happening is that the list is wrapping around the floated image. If
you want the list to be on the left you will need to wrap all the text on
right hand column in a div that is floated right. Clear the floated divs and
have "Treatment Approach" in a div below.

I will leave the code to you unless someone else has a bit more time.

Good luck

Ian

IYES
e-Solutions Specialists
One St Colme Street
Edinburgh
EH3 6AA
Tel: +44 131 220 8499
Mob: +44 7831 127 524

__
css-discuss [cs...@lists.css-discuss.org]
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] proper css syntax

[Ian Young]

> -Original Message-
> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of Raumin "Ray" Dehghan
> Sent: 28 April 2009 21:25
> Cc: Drupal; css
> Subject: [css-d] proper css syntax
> 
> it's been while since I have worked with css.
> 
> Trying to get the margins to move over some.  I have several divs in a
> block, and they are all one header, h2.
> 
> Any suggestions?
> 

For starters - a lot more information and maybes a link?

Ian

IYES
e-Solutions Specialists
One St Colme Street
Edinburgh
EH3 6AA
Tel: +44 131 220 8499
Mob: +44 7831 127 524

__
css-discuss [cs...@lists.css-discuss.org]
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] Setting a link on replaced text

[Ian Young]

> -Original Message-
> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of Tim Dawson
> Sent: 28 April 2009 16:00
> To: css-d@lists.css-discuss.org
> Subject: [css-d] Setting a link on replaced text
> 
> I have an  heading which I've replaced with a background image, and
> used CSS
> text-indent to prevent the 'real' text showing.
> 
> The relevant CSS is:
> h2#azw {
> background-image: url(graphic/amazingwildlife.gif);
> text-indent: -px;
> }
> 
> All's well until I need to put a link on the text.  The following works
> OK but
> doesn't validate because the  is inside the :
> 'Scotland's Amazing
> wildlife'
> 
> Putting the  inside the  as required to validate doesn't create
> a link on
> the background image.
> 
> See: http://www.holidaymullandiona.co.uk/index.php (the heading in the
> box)
> 
> I have tried absolutely positioning the  way off screen and then
> inserting a
> normal image carrying the link.  It works, and validates, but is more
> code, and
> I have to have an (empty) 'alt' etc.
> 
> Any better ideas, please ?
> 

Tim

Instead of having text in a far away place through CSS. Put your text in the
alt tag.
This works for me. If you have any more problems give me a shout as this is
not really a CSS issue.

Cheers

Ian

IYES
e-Solutions Specialists
One St Colme Street
Edinburgh
EH3 6AA
Tel: +44 131 220 8499
Mob: +44 7831 127 524

__
css-discuss [cs...@lists.css-discuss.org]
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] Is it possible to implement a variable height for a block box with CSS?

[Ian Young]

> To: css-d@lists.css-discuss.org
> Subject: [css-d] Is it possible to implement a variable height for a
> block box with CSS?
> 
> Hi, All
> 
> Suppose the following markup:
> 
>   ...
>   ...
> 
> The height of both the container and the top boxes is variable. What I
> want
> is to make the top edge of the bottom box situated just below the top
> box
> and the bottom edge of the bottom box situated just above the bottom
> edge of
> the container box, so the height of the bottom box is also variable.
> Can
> this be implemented with CSS? If not, is there any other approach?

This is fairly basic CSS box model unless I misunderstand the question.

Try this
body {background:#fff;margin:0}
.container {width:700px;margin:0 auto;background: green}
.top {width:500px;margin:10px auto 0;background:red}
.bottom {width:500px;margin:0 auto;background:blue}

Background colours there for illustration.

Cheers

Ian
IYES
SEO Solutions

__
css-discuss [cs...@lists.css-discuss.org]
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] Menu items

[Ian Young]

This looks off topic to me.

Joomla's forum is best place for queries of this type.

Best regards

Ian

This e-mail contains information which is confidential and may also be
privileged. It is for the exclusive use of the intended recipient(s). If you
are not the intended recipient(s) please note that any form of,
distribution, copying or use of this e-mail or the information in it is
strictly prohibited and may be unlawful. If you have received this in error
please inform us at the above address then delete the e-mail and destroy any
copies of it. Thank you.

> -Original Message-
> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of Barbara Stanislawski
> Sent: 23 April 2009 16:58
> To: 'Cristiano Diniz da Silva'; css-d@lists.css-discuss.org
> Subject: Re: [css-d] Menu items
> 
> This is an interesting post. I've been reading the accounts having had
> many
> issues using CSS and drop down menus. I have Joomla installed and think
> I am
> going to be focusing on that. I've heard Joomla is simple to use. Does
> anyone have experience with the maintenance portion? Thanks.
> 
> Barbara Stanislawski
> barb...@sohowebsites.biz
> 252-728-1875
> http://www.sohowebsites.biz
> Engaging & Easy to Use Websites
> 
> 
> -Original Message-
> From: css-d-boun...@lists.css-discuss.org
> [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Cristiano
> Diniz da
> Silva
> Sent: Thursday, April 23, 2009 11:00 AM
> To: css-d@lists.css-discuss.org
> Subject: Re: [css-d] Menu items
> 
> Mario,
> 
> Does the server have database and server side scripting like PHP? If it
> does
> you can consideer using a CMS like Joomla that will make the
> development
> much faster.
> 
>  Cristiano Diniz da Silva
> 
> 
> Web Development & Solutions
> http://www.mcloide.com
> http://mcloide.wordpress.com
> + 1 561 809 1928
> Delray Beach, Fl
> PHP5 Zend Certified Engineer
> Before printing, just keep in mind your commitment with the
> environment!
> 
> 
> 
> 
> 
> 
> From: Mario Rizzi 
> To: css-d@lists.css-discuss.org
> Sent: Thursday, April 23, 2009 10:43:53 AM
> Subject: [css-d] Menu items
> 
> Hello.
> 
> I am not a professional web designer, but just a volunteer working for
> an Italian charity organization. A few years ago we decided to have a
> website and I started studying Html and Css, then got a template from
> oswd.org and modified it. The result is www.equatore.org.
> 
> Now we have new content to add and the site needs a redesign. I am
> working on it and everything seems to be fine, with one exception. I
> have a menu with the following Html:
> 
> 
> 
> Link
> Link
> Link
> 
> 
> 
> The corresponding Css is:
> 
> #menu {
> width: 800px;
> margin: auto;
> padding: 4px 0px 5px 0px;
> font-family: "Lucida Grande", Verdana, Tahoma, sans-serif;
> background: #d5d8d3;
> border-bottom: 2px solid navy;
> border-top: 2px solid navy;}
> 
> #menu ul {
> margin: 0px;
> padding:  0px;}
> 
> #menu li {
> display: inline;
> padding: 0;}
> 
> #menu a {
> padding: 5px 15px;
> font-size: 12px;
> color: #00;}
> 
> #menu a:hover {
> border-bottom:none;
> background-color: #c3c3c3;}
> 
> When I hover over the menu, I can see a little gap between one item
> and the next one. Is there a way of getting rid of that space and go
> directly from one link to the next one?
> 
> Thanks.
> 
> mario
> __
> css-discuss [cs...@lists.css-discuss.org]
> 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-discuss [cs...@lists.css-discuss.org]
> 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-discuss [cs...@lists.css-discuss.org]
> 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-discuss [cs...@lists.css-discuss.org]
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] Styling submit buttons with images

[Ian Young]

> To: Jack Timmons
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] Styling submit buttons with images
> 
> On Wed, Apr 22, 2009 at 9:32 AM, Jack Timmons 
> wrote:
> 
> > What "less capable browsers" can't handle an input type of image?
> > Because I can't think of one off the top of my head.
> 
> 
> Sorry, I'm probably being obtuse. I'm talking about the rollover
> effect.
> What I want to do is have an image submit button with a rollover,
> without
> using javascript. It would be nice if this would degrade for ie6 to
> still
> work. Fact is this is for a demo only on FF3, but I'm trying to look
> forward
> to when this hits production.
> 
> Some people seem to suggest using the BUTTON element, but I'm not sure
> if
> this is a good way to go. (Is putting type=submit on a button element
> workable?)
> 
> I just want a submit button, as an image, with a rollover - using CSS.
> The
> last time I tried this I ended up using JS for the rollover effect,
> which I
> don't want to do.

Still not sure what it is you want. If you want a submit button using an
image and CSS which changes at rollover, then I think we have shown you how
to do that (with exception of IE6). If you want the submit to work with
rollover instead of click then that is not CSS. Other than that I cannot see
what it is you want.

Ian
Director
IYES
e-Solutions Specialists


__
css-discuss [cs...@lists.css-discuss.org]
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] Styling submit buttons with images

[Ian Young]

ubject: Re: [css-d] Styling submit buttons with images

 

On Wed, Apr 22, 2009 at 10:06 AM, Ian Young  wrote:

This what you are looking for?

http://www.iyesolutions.co.uk/templates/css/22-04-09/


No, there's no image being used there. Right now I am doing this:

you haven't looked closely enough as the blue and yellow are images.

 

And you are right, it doesn't work in IE6. If you don't want the text to
shine through leave "value" blank but ensure that you specifiy height and
width for the submit button.

 

Cheers

 

Ian

 

__
css-discuss [cs...@lists.css-discuss.org]
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] Styling submit buttons with images

[Ian Young]

> -Original Message-
> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of Tom Dell'Aringa
> Sent: 22 April 2009 15:36
> To: Jack Timmons
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] Styling submit buttons with images
> 
> On Wed, Apr 22, 2009 at 9:32 AM, Jack Timmons 
> wrote:
> 
> > Foot, meet mouth.
> >
> > Rollover, right. I'll go back to eating my breakfast.
> 
> 
> LOL, that's okay - I just added another message clarifying what I need.
> Didn't see this quick enough.

This what you are looking for?

http://www.iyesolutions.co.uk/templates/css/22-04-09/

Cheers

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] menu issue

[Ian Young]

> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] menu issue
> 
> Ian Young wrote:
> 
> > http://db-studio.venus.titaninternet.co.uk/index.php
> >
> > Although there is no change to the html, I have had to add an extra
> > style code in the contact and portfolio pages as the menu sits a few
> > pixels higher than does than it does on the other pages.
> 
> Some pages have a Transitional doctype and others have a Strict
> doctype.
> That explains the different handling of elements inside your h1, making
> the h1 vary in height between pages.

Duh! Thanks. It had to be simple, but I hadn't appreciated how stupid I had
been.
> 
> Mode-stabilize the h1 construction first, by adding...
> 
> h1 * {display: block;}
> h1 {padding-bottom: 6px;}
> 
> After that you should need no page specific styling of the nav-margin,
> and can adjust the padding-bottom on h1 to taste to push the nav down.


All looks they way it should now.

Thanks again.

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] menu issue

[Ian Young]

Puzzling one here folks.

 

Development site at http://db-studio.venus.titaninternet.co.uk/index.php

Although there is no change to the html, I have had to add an extra style
code in the contact and portfolio pages as the menu sits a few pixels higher
than does than it does on the other pages.

Please ignore the validation errors which are caused by the cms editor
(something over which I have no control) - don't believe that these are
influencing this issue.

 

Best

 

 

Ian Young

Director

IYES

e-Solutions Specialists

 

 

 

__
css-discuss [cs...@lists.css-discuss.org]
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] Site check please...

[Ian Young]

> Subject: [css-d] Site check please...
> 
> I'm fleshing out a new site. I thought I'm doing this is as simple a
> manner as possible to not induce any anomalies, but I'm having some
> issues.
> 
> What I can see off the bat...
> 
> - In Safari, the logo on the right doesn't show (it does in Firefox &
> IE)
> - I've put the large type (our firm) at then end and using positioning
> tried to make it place over the photo. Good to an extent. In Firefox
> it seems to be positioned correctly, but in Safari/IE, it's closer to
> the bottom of the image. Also, there seems to be a large space under
> the photo I can't seem to understand why. It happened when I started
> to position the large type.
> - I'm sure there is more that you all will point out, and I appreciate
> it.
> 
> Go to: http://ba-doyn.com/junk/meeks_test/

Looks the same in Safari as in Firefox (Vista) to me.

I don't see any logo at all. Large print is at bottom of image in both
browsers.
You might also fix your html (mainly mistyping of Javascript stuff)

Cheers

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] Browser issues

[Ian Young]

> Subject: Re: [css-d] Browser issues
> 
> 
> - Original Message -
> From: "Ada Elgavish" 
> Subject: [css-d] Browser issues
> 
> 
> >I am very new to css and I will appreciate any help I can get. I can
> > view my webpage at http://138.26.120.126/index.html in IE, Opera and
> > Safari; however, in Netscape Navigator and Firefox, it doesn't
> display
> > correctly. Any suggestions?
> 
Ada

Couple of html errors and 6 css errors
(http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=ht
tp%3A%2F%2F138.26.120.126%2Findex.html). Might be of value to sort these
first as they may have some bearing on whatever the issue is.

Cheers

Ian
Director
IYES

__
css-discuss [cs...@lists.css-discuss.org]
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] Vertically centering text in a paragraph

[Ian Young]

> -Original Message-
> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of Tim Dawson
> Sent: 13 April 2009 09:46
> To: css-d@lists.css-discuss.org
> Subject: [css-d] Vertically centering text in a paragraph
> 
> I'm working on a site which has several images on the page (300x225px).
> Each
> image has some descriptive text alongside, which generally is not as
> high as the
> image.  My client would like the text vertically centred on the image.
> 
> http://www.mull-bed-and-breakfast.co.uk/newcrofts/self-catering.php
> 
> CSS deliberately seems to avoid a v-align capability in paragraphs.  I
> realise I
> could introduce padding, but that would have to be tailored for every
> piece of
> text. Tables allow v-align in cells, I know, but I don't want to go
> that route
> either  Is there a better way, please ?
> 

Hi Tim

This has been in discussion a few times.
Here is the link that will help you.
http://www.mondiara.com/graphics/valign.html

It is based on display:table and display:table-cell where your div acts like
a table.
Follow the CSS in the example and you will find all you need.

Cheers

Ian
Iyesolutions.co.uk

__
css-discuss [cs...@lists.css-discuss.org]
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] Float and Width

[Ian Young]

> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of Del Wegener
> Sent: 09 April 2009 14:28
> To: css
> Subject: [css-d] Float and Width
> 
> I have two questions.  Both arise because I get warnings when
> validating
> css.
> Both are illustrated at
> http://www.drdelmath.com/playpen/test1_float.htm
> 
> 1)  It seems to me that I have declared a width for the classes
> "left_objectives" and "right_objectives", but the validator warns me I
> need
> a width.  

Maybe I am being thick here, but I cannot see the issue. I have checked the
CSS with the validator and it passes.
However, may I suggest that you define the body background colour. It came
up pink on my Opera which has pink specified as background.

Cheers

Ian
IY e-Solutions

__
css-discuss [cs...@lists.css-discuss.org]
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] 3 column expanding center column CSS

[Ian Young]

> -Original Message-
> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of Yazmin Media
> Sent: 09 April 2009 14:48
> To: css discuss
> Subject: [css-d] 3 column expanding center column CSS
> 
> I've been doing a search through a lot of 3 column CSS layout examples,
> but
> I'm getting the feeling that what I want cannot be done.
> 
> I need to setup a 3-column, fixed width layout that allows the center
> column
> to expand in width when necessary. For example, say I have a fixed
> width
> 3-column design wrapped in a 900px div. If I insert content in the
> middle
> column that is 1000px by itself, I need the center column to expand to
> accommodate the 1000px content width while expanding the 900px div as
> well.
> Is this even possible?

First question one would ask. Why would you want a centre column so wide
that it would break out of its wrapping div?
However, I guess if you set the div to act like a table then I guess it
would do what you want or have I missed the point?

Best

Ian
IY e-Solutions

__
css-discuss [cs...@lists.css-discuss.org]
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] CSS Image Rollover Problem

[Ian Young]

> Subject: [css-d] CSS Image Rollover Problem
> 
> I'm working on a CSS rollover solution here:
> 
> http://www.slrgear.com/articles/is_1iswp/test.htm
> 
> My problem is that my hover image is not appearing when I hover over
> the
> rollover. The HTML file, the original image and the rollover image are
> all
> in the same directory. The file validates.
> 

In the CSS you have

.rollover a:hover img
{
visibility:hidden;
}

Not sure why. There is your reason for image disappearing on hover.

Cheers

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] CSS Problem with tags on IE 6\7

[Ian Young]

> -Original Message-
> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of Christopher R
> Sent: 02 April 2009 15:24
> To: CSS-D
> Subject: [css-d] CSS Problem with  tags on IE 6\7
> 
I'm trying to
> figure how to fix those HTML errors ?
> 

Not a CSS issue, but if you Google SWFobject you will find out how to
configure flash that validates.

Cheers

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] IE and png transparency

[Ian Young]

> -Original Message-
> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of hairball
> Sent: 27 March 2009 10:11
> To: CSS-D
> Subject: [css-d] IE and png transparency
> 
> How can I set .png transparency for ie7. I thought is was something
> like
> this.
> code:
> filter:alpha(opacity=50);
> 
> But I guess I'm wrong it doesn't seem to work, am I missing something ?
> __

I thought IE7 rendered pngs and it was only IE before IE7 that didn't.

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] Browser doesn't load all images?

[Ian Young]

> -Original Message-
> From: polar_anima...@zenbe.com [mailto:polar_anima...@zenbe.com] On
> Behalf Of Christopher R
> Sent: 23 March 2009 15:29
> To: Ian Young
> Cc: 'CSS-D'
> Subject: RE: [css-d] Browser doesn't load all images?
> 
> Alright I still have a few things to check, but some of it is working
> but my "a" links don't seem to be working, odd.  I'm going to
> check over a few things and know by later on.
> 

You didn't mention that the images were in links.
IE 7 can have issues here which is why a link can be useful and we can check on 
all the various browsers that we have kicking around.

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] Browser doesn't load all images?

[Ian Young]

> To: CSS-D
> Subject: [css-d] Browser doesn't load all images?
> 
> Has anyone has this problem whereas the browser does not load all the
> images for the page, and is there
> a way to fix or force it too?


In my experience there are a few things to check if images don't load
There is an html error or more likely, I have forgotten to upload the image
to the given folder.

More than that is difficult to say without a link.

Cheers

Ian


__
css-discuss [cs...@lists.css-discuss.org]
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] SWFobject not sitting in DIV

[Ian Young]

> Subject: Re: [css-d] SWFobject not sitting in DIV
> 
> Ian Young wrote:
> >
> > Have just picked up this neat project.
> >
> > However, before I can make any headway I need to sort out Flash and
> make
> > compliant and all that.
> >
> > http://www.iyesolutions.co.uk/templates/the-swipe/home.html
> >
> >
> > It should sit inside the contentCentre div but clearly doesn't.
> 
> 

It helps if the divs are defined.

As you can see everything is where it should be. Just need to sort the
transparent bit of menu.

That's enough for this week.!

Cheers

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] SWFobject not sitting in DIV

[Ian Young]

Hi folks,

 

Isn't it always the way. Last thing Friday stuff comes up.

 

Have just picked up this neat project.

However, before I can make any headway I need to sort out Flash and make
compliant and all that.

http://www.iyesolutions.co.uk/templates/the-swipe/home.html

 

It should sit inside the contentCentre div but clearly doesn't.

 

Not sure if this is something you guys can help with but would appreciate
your thoughts.

 

Best

 

Ian Young

Director

IY e-Solutions


This e-mail contains information which is confidential and may also be
privileged. It is for the exclusive use of the intended recipient(s). If you
are not the intended recipient(s) please note that any form of,
distribution, copying or use of this e-mail or the information in it is
strictly prohibited and may be unlawful. If you have received this in error
please inform us at the above address then delete the e-mail and destroy any
copies of it. Thank you. 
IY e-Solutions is a trading name of IYES Ltd. Registration: SC208707

 

 

 

__
css-discuss [cs...@lists.css-discuss.org]
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] David Laakso's site in Firefox 2.x/Firefox 3.x

[Ian Young]

> -Original Message-
> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of David Laakso
> Sent: 20 March 2009 16:03
> To: Stephen Tang
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] David Laakso's site in Firefox 2.x/Firefox 3.x
> 
> >>
> 
> 
> Oh, my... now what I'll do?
> 
> Did you click the last list item "about?"
> If you did click it and nothing happened, do you have javascript
> enabled?
> Vertical lines? Not sure what you mean. There are no vertical lines
> should be there, at least I didn't put any there.
> Would it make more sense from a user standpoint if each and every list
> item were flush right?
> 
> Thank you for your reply.

David

I have checked on FF3.07 Vista.
Works a treat. I know that is not the FF version you were after but given
the above.

BTW. Really cool design.

Cheers

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] IE7 and whitespace.

[Ian Young]

> Subject: Re: [css-d] IE7 and whitespace.
> 
> 
> > I have fixed the conditional.
> 
> That did the trick.
> 
> > It must be the IE tester then that is not displaying properly as the
> > address png is most definitely down more than other browsers in the
> > IE7 rendition.
> 
> I compared side-by-side with the line-up in other browsers, but I can't
> see any deviation in in IE7 in IETester v.0.2 or v.0.3 (on XP) at my
> end.
> 


Thanks Georg,

The layout had changed due to designer using a different strapline png.

There are a couple of other things that I think will make a difference and
may not need "fixes"

Thanks as always for your input.

Cheers

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] IE7 and whitespace.

[Ian Young]

> To: Ian Young
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] IE7 and whitespace.
> 
> Ian Young wrote:
> 
> > http://www.dbadvertising.co.uk/dev/home-test3.html
> >
> > The "address" image has extra space between it and the nav2 div
> > above.
> 
> Can't see any extra space _there_ in IE7 compared to in other browsers.
> 
> However, it would be a good idea to prevent IE7 from seeing those IE6
> fixed (the extra stylesheet), as those IE6 styles ruin the layout in
> IE7.
> 

Thanks Georg

I have fixed the conditional.
It must be the IE tester then that is not displaying properly as the address
png is most definitely down more than other browsers in the IE7 rendition.

Cheers

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] IE7 and whitespace.

[Ian Young]

Hi guys,

 

Last throw of dice before the weekend.

Trying to get elements to line up across the page.

Just about sorted in FF/IE8, Opera, Safari and have fix in for IE6, but IE7
just won't play ball.

See

http://www.dbadvertising.co.uk/dev/home-test3.html

The "address" image has extra space between it and the nav2 div above.

Any thoughts?

 

BTW As it is a work in progress the png images are not all fettled for IE6.

 

 

Ian Young

Director

IY e-Solutions

 

 

 

__
css-discuss [cs...@lists.css-discuss.org]
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] 1px jog help

[Ian Young]

> -Original Message-
> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of rollandburn
> Sent: 11 March 2009 15:57
> To: Gunlaug Sørtun; Bill Brown
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] 1px jog help
> 
> Thanks for the speed!  I've made the suggested changes and am seeing
> the jog still in firefox 3.0.7.  It is most apparent just above the
> logo in the header when the window is resized slowly.  Hmm... any
> other thoughts?

You might try fixing slight CSS error - line 13, width needs a parameter.

Cheers

Ian

www.iyesolutions.co.uk

__
css-discuss [cs...@lists.css-discuss.org]
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] Why this page moves?

[Ian Young]

> To: css-d@lists.css-discuss.org
> Subject: Re: [css-d] Why this page moves?
> 
> For prevention take a look at:
> http://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-
> forcing-a-scroll-bar/

Oh yuck.

There must be a more elegant solution than forcing scroll bars.


Cheers

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] Why this page moves?

[Ian Young]

> Subject: [css-d] Why this page moves?
> 
> Hi, All
> 
> Please look at this page
> http://claimexdemo.hcoms.co.uk/case_studies.php.
> Click menu item titled "Case studies" several times, you'll see that
> the
> whole page moves to right and then to left quickly. I checked the whole
> code
> but found none of problem. Could somebody help me out?  Thanks in
> advance.
> 

In my browser it just flickers top to bottom as it loads.
You might wish to address your html errors tho'.

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fclaimexdemo.hcoms.c
o.uk%2Fcase_studies.php

Cheers

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] Hunting a peek-a-boo bug in IE8rc1

[Ian Young]

> -Original Message-
> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of Gunlaug Sørtun
> Sent: 08 March 2009 19:36
> To: cs...@css-discuss.org
> Subject: [css-d] Hunting a peek-a-boo bug in IE8rc1
> 

Georg

I have tried a number of your demo/test sites and none has the effect that
you describe.
IE8 RC1 Vista. Reloaded several times.

Cheers

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] Top margin not set properly.

[Ian Young]

> Subject: [css-d] Top margin not set properly.
> 
> Top margin not set properly.
> 
> Check the code at
> http://pastie.org/409144
> 

You might want to try
.outer-container{min-height:100%;background-color:#FF;overflow:hidden}
Georg helped me with this last week.
Not sure if your min-height:100% works either.

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] What's creating this img border?

[Ian Young]

> Subject: [css-d] What's creating this img border?
> 
> Hi People,
> 
> I added a link to the fotos in my #sitenav. Now there's a blue border
> around the foto-links but I can't seem to find what's causing it.
> 
> See border here:
> http://thewei.com/sandbox/scenter/
> 
> No border here (but fotos aren't links, either)
> http://thewei.com/sandbox/scenter/about.php
> 
> Please help me find the border in my code. Thanks as always . . .
> 

Kimi

You have 
a img { 
border: none;
}

You might want to try 
img {
border:0
}

Cheers

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] em units - how to test

[Ian Young]

> -Original Message-
> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of Michal Zielinski
> Sent: 03 March 2009 21:21
> To: css-d@lists.css-discuss.org
> Subject: [css-d] em units - how to test
> 
> I used to create layouts using pixels units. I`d like to give ems a try
> in my upcoming project.
> How should I test my layout? I`ve got laptop with all kind of browser
> installed (ie6,ie7,ie8,o9.x,ff2,ff3, safari3) Can I test it on this
> machine only or I should also take under consideration things like
> monitor type, dpi, resolution... etc.
> 
> I really need to have layout (font size) the same on every machine. By
> the same I rather mean more or less. I definitely don`t want to explain
> people why they have font about 20px large while on the next monitor it
> is 12px.
> 
> Thanks.
> 
> Btw. I`d like to use method with 62.5% in body with 100% font-size in
> html (for ie). Seems to be reasonable and easy to use and maintain.


I suspect this one will generate a lot of flak.

Last item first. Why counter the browser defaults?

Leave font-size as 100% and then use % for font-size of your other elements. 
Have a thought for the visually impaired, please.
What you are saying is illogical in any event. Font-size defined by em or % 
will only be different if the user decides that he/she needs to increase size 
of the default browser settings. Web design is different from the print 
environment and too many folks seem to forget that. We get too hung up on 
browsers being pixel perfect. Let's face it the only folks who look at more 
than one browsers are we developers.

Rant over.

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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:hidden and display:table

[Ian Young]

> -Original Message-
> From: Gunlaug Sørtun [mailto:gunla...@c2i.net]
> Sent: 03 March 2009 11:41
> To: Ian Young
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] overflow:hidden and display:table
> 
> Ian Young wrote:
> > Moving on from yesterday's vertical align div, I have set up code to
> > vertically align images in a wrapping div.
> >
> > That's fine. However, images which are larger than the div and which
> > normally would be controlled by overflow:hidden, now spill over.
> 
> 1: set a max-height and max-width on the image and let browsers scale
> over-sized ones down to a suitable size for your layout.
> 
> 2: wrap a container of suitable size around the image and hide the
> overflow on that. You will of course lose vertical alignment of the
> image then.
> 
> I often use option 1: - regardless of whether images are in a
> 'table-cell' or not, which works everywhere but in IE6. However IE6
> doesn't understand CSS table so one can hide the overflow in that old
> bugger.

I have gone for option1 and it seems to work fine, so that will do nicely.

Thanks Georg.

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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:hidden and display:table

[Ian Young]

 
> > Moving on from yesterday's vertical align div, I have set up code to
> > vertically align images in a wrapping div.
> >
> > That's fine. However, images which are larger than the div and which
> > normally would be controlled by overflow:hidden, now spill over.
> >
> > Any thoughts?
> >
> > http://www.iyesolutions.co.uk/templates/whitehousestudios/aerial.html
> 
> 
> #picWrapper {table-layout:fixed;}
> ought to work in decent browsers
> 

Hi Philippe

That fixes the overflow, but the cell now shrinks to size of image, which is
not what we want.
The div is 700x500 with images in centre.

I have made changes so you can see what I mean.
 

Cheers

Ian


__
css-discuss [cs...@lists.css-discuss.org]
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:hidden and display:table

[Ian Young]

Moving on from yesterday's vertical align div, I have set up code to
vertically align images in a wrapping div.

That's fine. However, images which are larger than the div and which
normally would be controlled by overflow:hidden, now spill over.

Any thoughts?

 

http://www.iyesolutions.co.uk/templates/whitehousestudios/aerial.html

 

Cheers

 

Ian

 

 

__
css-discuss [cs...@lists.css-discuss.org]
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] Refresh image in header...

[Ian Young]

> boun...@lists.css-discuss.org] On Behalf Of Michael Beaudoin
> Sent: 02 March 2009 22:54
> To: css-d@lists.css-discuss.org
> Subject: [css-d] Refresh image in header...
> 
> Is it possible, through CSS, to have the image in a header change when
> the user refreshes or re-enters the page?
> 

I would have thought that this was not possible with CSS.
Simple enough with php tho'.

I am using this with client site at the moment.
http://www.iyesolutions.co.uk/templates/portfolios/gold/

These are but a work in progress, but if you want code contact me off-list.

Cheers

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] vertical align div

[Ian Young]

> -Original Message-
> From: Gunlaug Sørtun [mailto:gunla...@c2i.net]
> Sent: 02 March 2009 22:40
> To: Ian Young
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] vertical align div
> 
> > <http://www.iyesolutions.co.uk/templates/portfolios/template3/>
> 
> You can also simply move some styles in to the child of #wrapper, and
> get the appearance you're after without adding any new elements.
> 
> Like so...
> <http://www.gunlaug.no/tos/alien/iy/test_09_0302.html>
> 
> No browser will complain :-)


That's it really sorted now, Georg.
Interestingly when I first started this template format, I couldn't get the
borders to display properly - hence the extra wrapper.
This is really what I wanted - simple template with minimal html.

I really appreciate the time you have taken on this.

Best

ian

__
css-discuss [cs...@lists.css-discuss.org]
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] vertical align div

[Ian Young]

 
> Ian Young wrote:
> 
> > It is centring but not displaying properly in IE8 FF3.06 See
> > http://www.iyesolutions.co.uk/templates/portfolios/template3/ for how
> > the portal looks before we try the vertical align.
> 
> Yes, if you want to vertical-align #wrapper you must have a container
> wrapped around it to declare 'display: table-cell' on.
> 
> One more div, like so...
> 
> 
>   
>   
>   /* all elements inside wrapper */
>   
>   
> 
> 
> body {display: table; height: 100%; width: 100%; text-align: center}
> #outerwrapper {display: table-cell; vertical-align: middle;}
> #wrapper {width:980px;background:#b0b0b0;margin:15px auto;}
> 

Thanks Georg
I had tried outer div with display:table!

http://www.iyesolutions.co.uk/templates/portfolios/template3/vertical-align2
.html

shows the finished article for IE8 and FF.
Before doing "live version" will include hacks for IE.


Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] vertical align div

[Ian Young]

> -Original Message-
> From: Gunlaug Sørtun [mailto:gunla...@c2i.net]
> Sent: 02 March 2009 21:46
> To: Ian Young
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] vertical align div
> 
> Ian Young wrote:
> 
> > I tried that and it went all to hell in a handbag.
> > Will look again.
> 
> What browser are you checking in? It centered perfectly in all CSS
> capable browsers.
> 
> The hack for IE7 and older wasn't implemented though.

It is centring but not displaying properly in IE8 FF3.06
See http://www.iyesolutions.co.uk/templates/portfolios/template3/
for how the portal looks before we try the vertical align.

Cheers

Ian


__
css-discuss [cs...@lists.css-discuss.org]
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] vertical align div

[Ian Young]

> Ian Young wrote:
> 
> >>
> <http://www.iyesolutions.co.uk/templates/portfolios/template3/vertical-
> align.html>
> 
> > This almost works. Vertical align works ok, but the wrapper div that
> >  is in effect being vertically aligned stretches to full width of
> > window even tho' it has width defined.
> 
> Yes, the CSS property/value 'display: table-cell' has that effect -
> full
> width/height of the table-body (body with 'display: table'). #wrapper
> has no width or height declared in my example, since it wouldn't have
> any effect anyway.
> 
> > What have I missed?
> 
> Probably that it is _the first child_ of #wrapper that gets
> horizontally and vertically centered. That's #centered in my code
> example - #maincontent in your page.

I tried that and it went all to hell in a handbag.
Will look again.

Cheers

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] vertical align div

[Ian Young]

> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] vertical align div
> 
> Ian Young wrote:
> 
> >
> <http://www.iyesolutions.co.uk/templates/portfolios/template3/vertical-
> align.html>
> >  There must be a more elegant method, surely.
> 
> Don't know about "elegant" (as long as it contains hacks for old IE),
> but the method described here works fine across browser-land...
> 
> <http://www.gunlaug.no/contents/wd_additions_20.html>
> 

Thanks Georg,

This almost works. Vertical align works ok, but the wrapper div that is in
effect being vertically aligned stretches to full width of window even tho'
it has width defined.
Overflow:hidden has been included.
What have I missed?

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] vertical align div

[Ian Young]

I have been playing around with vertically aligning my main portal.

The code I have been using has two main problems.

1. It appears to need to be on the page to display the vertical
alignment

2.  It loses its horizontal alignment.

 

http://www.iyesolutions.co.uk/templates/portfolios/template3/vertical-align.
html

 

The red background is just for testing.

 

The vertical align code is on the page.

 

There must be a more elegant method, surely.

 

Best

 

Ian Young

Director

IY e-Solutions

 

 

 

__
css-discuss [cs...@lists.css-discuss.org]
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] Margin not working!

[Ian Young]

> -Original Message-
> From: Gunlaug Sørtun [mailto:gunla...@c2i.net]
> Sent: 21 February 2009 16:34
> To: Ian Young
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] Margin not working!
> 
> Ian Young wrote:
> 
> > Top margin in inner div is just pulling both divs down rather than
> > having border all round.
> >
> > See http://www.iyesolutions.co.uk/templates/css/portfolio-test.php
> 
> Vertical margins are collapsing[1].
> 
> Add...
> #wrapper {overflow: hidden;}
> ...to contain them.
> 

Thanks Georg. 
I knew it was simple - working too long on simple template.

Works a treat

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] Margin not working!

[Ian Young]

Hi guys

 

I must be really stupid as I cannot see where I am going wrong here. I
cannot remember this being a problem before.

Top margin in inner div is just pulling both divs down rather than having
border all round.

See http://www.iyesolutions.co.uk/templates/css/portfolio-test.php

 

Cheers

 

Ian

 

Ian Young

Director

IY e-Solutions

Search Engine Optimisation Specialists

One St Colme Street

Edinburgh

EH3 6AA

Tel: +44 131 220 8499

Mob: +44 7831 127 524


This e-mail contains information which is confidential and may also be
privileged. It is for the exclusive use of the intended recipient(s). If you
are not the intended recipient(s) please note that any form of,
distribution, copying or use of this e-mail or the information in it is
strictly prohibited and may be unlawful. If you have received this in error
please inform us at the above address then delete the e-mail and destroy any
copies of it. Thank you. 
IY e-Solutions is a trading name of IYES Ltd. Registration: SC208707

 

 

 

__
css-discuss [cs...@lists.css-discuss.org]
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] One Bug catched

[Ian Young]

> -Original Message-
> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of Ib Jensen
> Sent: 10 February 2009 22:46
> To: David Laakso
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] One Bug catched
> 
> The Validator don't like my menu very much.
> 
> But i'll have a look at it and see what to be done.
> 
> --

Looks pretty straight forward. On line 232 you have missed an end tag for
the list. Although the validator has come up with 20 errors, they are all
connected with that one error.
Ironically it is the link to gunlag!

http://www.gunlaug.no/contents/toc_7a.html";>gunlaug

Cheers

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] IE7 Images in unordered lists

[Ian Young]

> -Original Message-
> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of Philippe Wittenbergh
> Sent: 10 February 2009 12:51
> To: CSS-D
> Subject: Re: [css-d] IE7 Images in unordered lists
> 
> 
> 
> 1. If you're testing IE 8 beta, you should upgrade to IE 8 rc1 - a
> world of differences.
> 2. I have similar lists as yours on one of my sites, and IE8 [1]
> handles them perfectly fine, just like Gecko/WebKit/Opera. I haven't
> had time to test what it does in 'IE 7 emulation mode'.
> 3. What you need is 'fix' IE 7/6 in a transparent way (invisible to
> modern browsers). Don't hack living browsers, it will hurt you in the
> short, medium and long term.

Ok I have installed new IE8 and everything is working fine now (apart from
IE's usually very slow loading).
Have taken conditional out altogether and both IE8 and IE7 work great.

Thanks again for all help.

I confess I had delayed installing IE8 as hadn't been at all impressed with
the Beta version.
Done now..
Cheers

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] IE7 Images in unordered lists

[Ian Young]

> -Original Message-
> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of Ian Young
> Sent: 10 February 2009 12:27
> To: 'David Laakso'
> Cc: 'CSS-D'
> Subject: Re: [css-d] IE7 Images in unordered lists
> 
> > -Original Message-
> > From: David Laakso [mailto:da...@chelseacreekstudio.com]
> > Sent: 10 February 2009 12:04
> > To: Ian Young
> > Cc: 'CSS-D'
> > Subject: Re: [css-d] IE7 Images in unordered lists
> >
> > Ian Young wrote:
> > >>
> > >>> IE7 has huge margins between the lists.
> > >>>
> > >>> What's the fix for this?
> > >>>
> > >>>
> > >>>
> > >>> Test page at
> > >>> http://www.iyesolutions.co.uk/templates/db-test/IE7-menutest.html
> > >>> with CSS
> > >>> included.
> > >>>
> > >> The white-space between each  is taken up space.
> > >> options:
> > >> 1. remove the white-space : xx
> > >> or
> > >> 2. li {float:left; clear:left}
> > >> or ...
> > >>
> > >>
> > >>
> > > Neither option makes any difference. Or am I missing something?
> > >
> > > Ian
> > >
> > >
> > >
> >
> >
> >
> > Philippe's suggestion [2] seems to work on this end...
> > <http://www.chelseacreekstudio.com/ca/cssd/ian.htm>
> 
Ok folks, it would appear it has to do with the IE8 beta that is on my
system that is supposed to be emulating IE7 and clearly isn't.

Now the following changes seem to make it work - no idea why.

Phillipe's changes plus following changes to David's conditional.


Defies logic.

But presumably the changes to the li rule make it work in IE7 but need the
addition of conditional for IE8.

I apologise if I have sent you chaps up the wrong path and thanks for all
your help.

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] IE7 Images in unordered lists

[Ian Young]

> -Original Message-
> From: David Laakso [mailto:da...@chelseacreekstudio.com]
> Sent: 10 February 2009 12:04
> To: Ian Young
> Cc: 'CSS-D'
> Subject: Re: [css-d] IE7 Images in unordered lists
> 
> Ian Young wrote:
> >>
> >>> IE7 has huge margins between the lists.
> >>>
> >>> What's the fix for this?
> >>>
> >>>
> >>>
> >>> Test page at
> >>> http://www.iyesolutions.co.uk/templates/db-test/IE7-menutest.html
> >>> with CSS
> >>> included.
> >>>
> >> The white-space between each  is taken up space.
> >> options:
> >> 1. remove the white-space : xx
> >> or
> >> 2. li {float:left; clear:left}
> >> or ...
> >>
> >>
> >>
> > Neither option makes any difference. Or am I missing something?
> >
> > Ian
> >
> >
> >
> 
> 
> 
> Philippe's suggestion [2] seems to work on this end...
> <http://www.chelseacreekstudio.com/ca/cssd/ian.htm>

Not on my system it doesn't. Sorry David.

I did try a number of those changes to no avail.
I have IE7/8 on Vista could that be the problem?
Interestingly if I remove .nav2 a, it works fine in IE7 but, of course not
on the others. Display:block is clearly the issue and I have tried display

I have just fired up an old laptop with XP and IE7 and yes, the above works.

Now does that point us in direction?

Thanks all so far.

Ian



__
css-discuss [cs...@lists.css-discuss.org]
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] IE7 Images in unordered lists

[Ian Young]

> -Original Message-
> From: Lewis, Matthew [mailto:m...@xhtml.co.nz]
> Sent: 10 February 2009 11:51
> To: Ian Young
> Subject: Re: [css-d] IE7 Images in unordered lists
> 
> 
> .nav2 ul
> 
> should be
> 
> ul .nav2

Makes no difference

> 
> remove
> 
>   .nav2 {list-style:none;margin:20px 0 0 0; padding:0;}
> 
> hope this works

That makes it worse and does nothing for extra space.

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] IE7 Images in unordered lists

[Ian Young]

> -Original Message-
> From: Philippe Wittenbergh [mailto:e...@l-c-n.com]
> Sent: 10 February 2009 11:21
> To: CSS-D
> Cc: Ian Young
> Subject: Re: [css-d] IE7 Images in unordered lists
> 
> 
> On Feb 10, 2009, at 7:24 PM, Ian Young wrote:
> 
> > IE7 has huge margins between the lists.
> >
> > What's the fix for this?
> >
> >
> >
> > Test page at
> > http://www.iyesolutions.co.uk/templates/db-test/IE7-menutest.html
> > with CSS
> > included.
> 
> The white-space between each  is taken up space.
> options:
> 1. remove the white-space : xx
> or
> 2. li {float:left; clear:left}
> or ...
> 
> 
Neither option makes any difference. Or am I missing something?

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] IE7 Images in unordered lists

[Ian Young]

> -Original Message-
> From: lorr...@gmail.com [mailto:lorr...@gmail.com] On Behalf Of Lourens
> Thalen
> Sent: 10 February 2009 10:37
> To: Ian Young
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] IE7 Images in unordered lists
> 
> Try overflow: hidden... IE reserves space for line-height...
> 
> 2009/2/10 Ian Young :
> > Hi Folks,
> >
> >
> >
> > I have a menu with images for the links. FF, Opera, Safari, Chrome
> all
> > render ok. IE7 has huge margins between the lists.
> >
> > What's the fix for this?
> >
> >
> >
> > Test page at
> > http://www.iyesolutions.co.uk/templates/db-test/IE7-menutest.html
> with CSS
> > included.

Tried that but to no avail. However, as height is specified in each of the
classes, not sure how this would help.
Where exactly were you thinking about the overflow hidden?

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] IE7 Images in unordered lists

[Ian Young]

Hi Folks,

 

I have a menu with images for the links. FF, Opera, Safari, Chrome all
render ok. IE7 has huge margins between the lists.

What's the fix for this?

 

Test page at
http://www.iyesolutions.co.uk/templates/db-test/IE7-menutest.html with CSS
included.

 

I have tried a few tweaks but none seem to work.

 

Cheers

 

Ian

 

Ian Young

Director

IY e-Solutions

 

 

__
css-discuss [cs...@lists.css-discuss.org]
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] Horizontal scrolling

[Ian Young]

Hi Guys

 

I am looking at simple gallery where you can use horizontal scrolling.

 

If I use the overflow:auto, both horizontal and vertical scrolling are
enabled.

 

So how do I disable vertical scrolling so that site scrolls horizontally?

http://venachar.org.uk/members/image-tester.php

 

Cheers

 

Ian

 

Ian Young

IY e-Solutions

 

 

 

__
css-discuss [cs...@lists.css-discuss.org]
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] Simple cantering help...

[Ian Young]

> -Original Message-
> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of Michael Beaudoin
> Sent: 30 January 2009 19:45
> To: css-d@lists.css-discuss.org
> Subject: [css-d] Simple centering help...
> 
> Hi all,
> 
> I'm working through a simple site utilizing some 's within a
> container  and I'm missing something simple to get the complete
> thing to center. For some reason, when I go to center the container
>  it's only centering the Flash piece. I know it's a vague
> description, so see the link below...
> 
> You can go here: http://www.ba-doyn.com/junk/ and view.
> 
> I'm sure it's something so simple but I'm just drawing a blank.
> 
> Thanks,
> Michael

Okay dokay, Michael.

First things, first.
You have no doctype specified and probably best to start with
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";> at the top of your page.
Then go validate it at
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.ba-doyn.com%2Fj
unk%2F

Now, I am not sure whether you want the whole portal to be centred and if
that is the case you will need some extra code in your CSS,

Body {text-align:centre}
Not sure why you have float:left for the container div (but I may be missing
something.
If you want the container to centre you will need to specify width and
margin - probably
#container {width:1024;margin:0 auto}

Also ditch the  code in the html and add margin:0 to your body spec in
css.

Cheers

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] a png not displaying!

[Ian Young]

Ingo,

 

I finally worked out what the problem was and, of course you had the solution.

Why I couldn’t work out what was happening was because those images that were 
displaying were being sourced from root/images and the image that wasn’t being 
displayed was in root/dev/images.

 

All sorted and many thanks

 

 

Best regards

 

Ian

 

This e-mail contains information which is confidential and may also be 
privileged. It is for the exclusive use of the intended recipient(s). If you 
are not the intended recipient(s) please note that any form of, distribution, 
copying or use of this e-mail or the information in it is strictly prohibited 
and may be unlawful. If you have received this in error please inform us at the 
above address then delete the e-mail and destroy any copies of it. Thank you.

 

From: Ingo Chao [mailto:ichaoc...@googlemail.com] 
Sent: 01 February 2009 08:09
To: Ian Young
Subject: Re: [css-d] a png not displaying!

 

I've inserted an absolute path and then this path I've mentioned and it worked.

Remember that the path is relative to the document for filters, not relative to 
the css or whatever.
But starting from scratch is always good.

Ingo

2009/2/1 Ian Young 

Subject: Re: [css-d] a png not displaying!

 

 

2009/1/30 Ian Young 

...

http://www.dbadvertising.co.uk/dev/index-test.php

All the pngs display in IE6 fine with exception of the address logo
Style sheet is at /dev/includes/ie-fix.css and /style-new.css.

 

for the filter, you have
src='../images/Adress-top-3.png' 

but the correct path should be

src='/ images/Adress-top-3.png' 

Sorry Ingo,

The correct address is  ../ images/Adress-top-3.png'

If we used 'images/Adress-top-3.png', then the url would be 
dbadvertisng.co.uk/dev/dev/images/Adress-top-3.png'

Other images use the same format and work fine. So that is not the case.

If I take out all the main CSS but keep the ie-fix.css, everything works,

Guess I will have to start from scratch and work it up.

Cheers

Ian

 

__
css-discuss [cs...@lists.css-discuss.org]
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] a png not displaying!

[Ian Young]

Nah

Sorry that doesn't make any difference. The script is designed to replace
what is in the html. I don't think the problem is in the ie-fix, because if
I strip everything out and just use the .flash_home div it works ok. 

However, if you look at page now, I have made the changes to save any
confusion.

Best regards

Ian

This e-mail contains information which is confidential and may also be
privileged. It is for the exclusive use of the intended recipient(s). If you
are not the intended recipient(s) please note that any form of,
distribution, copying or use of this e-mail or the information in it is
strictly prohibited and may be unlawful. If you have received this in error
please inform us at the above address then delete the e-mail and destroy any
copies of it. Thank you.

> -Original Message-
> From: Martyn Merrett [mailto:mx.css...@googlemail.com]
> Sent: 30 January 2009 15:23
> To: Ian Young; css-d@lists.css-discuss.org
> Subject: Re: [css-d] a png not displaying!
> 
> Yep found it... in the "ie-fix.css" you've linked to:
> src='../images/Adress-top-3.png'
> Yet the image is /images/Address-top-2b.png
> 
> Make that change and it should be sorted :)
> 
> ~Mx
> http://www.mxdx.co.uk
> 
> 
> 
> 2009/1/30 Ian Young :
> > Odd one here.
> >
> > http://www.dbadvertising.co.uk/dev/index-test.php
> >
> >
> >
> > All the pngs display in IE6 fine with exception of the address logo.
> >
> >
> >
> > Style sheet is at /dev/includes/ie-fix.css and /style-new.css.
> >
> >
> >
> > I cannot for the life of me see where the error lies.
> >
> >
> >
> > You guys any thoughts?
> >
> >
> >
> > Ian Young
> >
> > Director
> >
> > IY e-Solutions
> >
> >
> > This e-mail contains information which is confidential and may also
> be
> > privileged. It is for the exclusive use of the intended recipient(s).
> If you
> > are not the intended recipient(s) please note that any form of,
> > distribution, copying or use of this e-mail or the information in it
> is
> > strictly prohibited and may be unlawful. If you have received this in
> error
> > please inform us at the above address then delete the e-mail and
> destroy any
> > copies of it. Thank you.
> > IY e-Solutions is a trading name of IYES Ltd. Registration: SC208707
> >
> >
> >
> >
> >
> >
> >
> >
> __
> > css-discuss [cs...@lists.css-discuss.org]
> > 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-discuss [cs...@lists.css-discuss.org]
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] a png not displaying!

[Ian Young]

Odd one here.

http://www.dbadvertising.co.uk/dev/index-test.php

 

All the pngs display in IE6 fine with exception of the address logo.

 

Style sheet is at /dev/includes/ie-fix.css and /style-new.css.

 

I cannot for the life of me see where the error lies.

 

You guys any thoughts?

 

Ian Young

Director

IY e-Solutions


This e-mail contains information which is confidential and may also be
privileged. It is for the exclusive use of the intended recipient(s). If you
are not the intended recipient(s) please note that any form of,
distribution, copying or use of this e-mail or the information in it is
strictly prohibited and may be unlawful. If you have received this in error
please inform us at the above address then delete the e-mail and destroy any
copies of it. Thank you. 
IY e-Solutions is a trading name of IYES Ltd. Registration: SC208707

 

 

 

__
css-discuss [cs...@lists.css-discuss.org]
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] Png and good ol' IE6

[Ian Young]

> Subject: Re: [css-d] Png and good ol' IE6
> 
> 2009/1/28 Ian Young 
> 
> > This an old chestnut, I know, but I have tried several fixes to make
> the
> > png
> > work on IE6 and it doesn't.
> >
> >
> >
> I use DD Belated PNG (
> http://www.dillerdesign.com/experiment/DD_belatedPNG/) which works
> perfectly for me.  I've been through quite a few scripts to
> get PNGs displaying in IE6, but this seems to be the closest to a
> silver-bullet I've found.  Hope it can be of use.
> 

Thanks Thom,

Will give it a go!

Ta

Ian

__
css-discuss [cs...@lists.css-discuss.org]
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] Png and good ol' IE6

[Ian Young]

This an old chestnut, I know, but I have tried several fixes to make the png
work on IE6 and it doesn't.

Now I don't know whether this is due to the fact that I amusing IE6 along
with IE7 but the filter is not working.

 

Quick test page at

http://www.iyesolutions.co.uk/templates/db-test/png-test.html

 

Can you have a look and see if works for you and if not any suggestions?

 

Thanks in anticipation.

 

Cheers

 

Ian Young

Director

IY e-Solutions


This e-mail contains information which is confidential and may also be
privileged. It is for the exclusive use of the intended recipient(s). If you
are not the intended recipient(s) please note that any form of,
distribution, copying or use of this e-mail or the information in it is
strictly prohibited and may be unlawful. If you have received this in error
please inform us at the above address then delete the e-mail and destroy any
copies of it. Thank you. 
IY e-Solutions is a trading name of IYES Ltd. Registration: SC208707

 

 

 

__
css-discuss [cs...@lists.css-discuss.org]
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] IE7 and background image links.

[Ian Young]

Hi all,

 

Long time since I have been on.

 

Am using background images in menu (don't normally use images but needs
must).

Thing is in IE7, the links are not working. I guess this is because there
isn't anything in the actual link.

Have Googled and found nothing, can you help.

 

Test page at 

 

http://www.iyesolutions.co.uk/templates/db-test/menu-test2.html

 

Best

 

Ian

 

 

Ian Young

Director

IY e-Solutions





 

 

__
css-discuss [cs...@lists.css-discuss.org]
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] Border causing extra space!

[Ian Young]

> Subject: Re: [css-d] Border causing extra space!
> 
> Ian Young wrote:
> > then space is there.
> > What Have I missed?
> 
> Ian,
> 
> Try this at the top of your style sheet:
> *{margin-top:0;}
> That should help.
> 

Thanks Bill,

That's what I had missed!

That's it fine now.

Ian

__
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] Border causing extra space!

[Ian Young]

Here's one I have not come across before.

 

Have border around two sides of div but this causes an extra space at the
top of the div in all but IE7.

Style is border:1px solid #a71010;border-left:none;border-top:none

If I comment out border-top then extra space is gone but of course I have
the top border!.

If I write the style long hand (border-right: etc and border-bottom: etc)
then space is there.

 

What Have I missed?

Page is temporarily at http://79.170.40.177/soloaccounts.com/test.html

Very simple CSS is at
http://79.170.40.177/soloaccounts.com/includes/style.css

 

Cheers

 

 

Ian

IY e-Solutions

Http://www.iyesolutions.co.uk

 

__
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 page breaking up can't duplicate

[Ian Young]

> Subject: [css-d] problem with page breaking up can't duplicate
>
>
> I just launched a site and I’m having trouble on one computer with it.
> The top image bounces down but only does it on one computer all others
> it looks fine. I can’t figure out the difference.
>
> Any Ideas
> http://www.wiesetrucks.com/newtrucks.php
>
 Hi Sarah,

Certainly cannot emulate the problem in FF/IE7 or IE6. However, you have
over 6o markup errors which cannot be helpin.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.wiesetrucks.com
%2Fnewtrucks.php

Cheers

Ian
IY e-Solutions
http://www.iyesolutions.co.uk

No virus found in this outgoing message.
Checked by AVG.
Version: 7.5.519 / Virus Database: 269.22.4/1355 - Release Date: 01/04/2008
17:37

__
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] Anyone found a cure for IE6/7's stacking bugs?

[Ian Young]

> Cc: [EMAIL PROTECTED]; css-d
> Subject: Re: [css-d] Anyone found a cure for IE6/7's stacking bugs?
>
>
> Ian Young wrote:
>
> >> Georg's not reading things right? MS has frozen new features on IE8
> >>  betas, so they can get a release version out the door. Doesn't
> >> mean they've "frozen" further development of IE8. ;-)
>
> > I thought that it was a tad precipitate to freeze dvelopment of
> > something that had only been released a couple of weeks.
>
> Check the date :-)
>

Ouch. hook line and sinker, huh?
:-))

Ian J Young
Director
IY e-Solutions
Search Engine Optimisation Specialists

IYES Ltd
One St Colme Street
Edinburgh
EH3 6AA
Direct Tel:+44 7831 127 524
Registered in Scotland no:208707.
VAT no 804 5776 20


No virus found in this outgoing message.
Checked by AVG.
Version: 7.5.519 / Virus Database: 269.22.3/1354 - Release Date: 01/04/2008
05:38

__
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] Anyone found a cure for IE6/7's stacking bugs?

[Ian Young]

>
> Ian Young wrote:
> > To: Css-D@Lists.Css-Discuss.Org
> >> Subject: Re: [css-d] Anyone found a cure for IE6/7's stacking bugs?
> >>
> >>
> >> Gunlaug Sørtun wrote:
> >> .. I've heard Microsoft have frozen development of their
> >> browser - again, so we're probably in for another 6 years "ice-age",
> > 
> >
> > So where did you hear that, Georg?
> >
> > I have downloaded IE8 and it has crashed on every occasion that
> I have used
> > it. If MS ain't developing it. then not much point in my persevering.
> > Or have I got this wrong?
>
> Georg's not reading things right? MS has frozen new features on IE8
> betas, so they can get a release version out the door. Doesn't mean
> they've "frozen" further development of IE8. ;-)
>

Thanks, David

I thought that it was a tad precipitate to freeze dvelopment of something
that had only been released a couple of weeks.


Cheers

Ian
IY e-Solutions
http://www.iyesolutions.co.uk

No virus found in this outgoing message.
Checked by AVG.
Version: 7.5.519 / Virus Database: 269.22.3/1354 - Release Date: 01/04/2008
05:38

__
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] Anyone found a cure for IE6/7's stacking bugs?

[Ian Young]

To: Css-D@Lists.Css-Discuss.Org
> Subject: Re: [css-d] Anyone found a cure for IE6/7's stacking bugs?
>
>
> Gunlaug Sørtun wrote:
> .. I've heard Microsoft have frozen development of their
> browser - again, so we're probably in for another 6 years "ice-age",


So where did you hear that, Georg?

I have downloaded IE8 and it has crashed on every occasion that I have used
it. If MS ain't developing it. then not much point in my persevering.
Or have I got this wrong?

Cheers

Ian
IY e-Solutions
http://www.iyesolutions.co.uk


No virus found in this outgoing message.
Checked by AVG.
Version: 7.5.519 / Virus Database: 269.22.3/1354 - Release Date: 01/04/2008
05:38

__
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] White-space rule - best usage

[Ian Young]

> Subject: Re: [css-d] White-space rule - best usage
>
>
> Ian Young wrote:
>
> > Been looking at the white-space rule and came across this on client's
> > site.
> > pre{
> > white-space: pre; /* CSS2 */
> > white-space: pre-wrap; /* CSS 2.1 */
> > white-space: pre-line; /* CSS 3 */}
>
> The comments are misleading, because pre-line is in CSS 2.1, too. And
> the comments are rather pointless, since browsers don't play by "CSS
> versions".

.

Thanks for your full explanation. My limited understanding of the process
was in line with that.
I have inherited the style sheet and am busy rewriting to some kind of
standard. That one had me puzzled.

Thanks as always.


Ian
IY e-Solutions
http://www.iyesolutions.co.uk

No virus found in this outgoing message.
Checked by AVG.
Version: 7.5.519 / Virus Database: 269.22.1/1348 - Release Date: 28/03/2008
10:58

__
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] White-space rule - best usage

[Ian Young]

Hi guys,

Not been on for a while.

Been looking at the white-space rule and came across this on client's site.
pre{
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 */}

What is best usage?

Apologies if this a daft question.

Cheers

Ian
IY e-Solutions
http://www.iyesolutions.co.uk
This e-mail contains information which is confidential and may also be
privileged. It is for the exclusive use of the intended recipient(s). If you
are not the intended recipient(s) please note that any form of,
distribution, copying or use of this e-mail or the information in it is
strictly prohibited and may be unlawful. If you have received this in error
please inform us at the above address then delete the e-mail and destroy any
copies of it. Thank you.

No virus found in this outgoing message.
Checked by AVG.
Version: 7.5.519 / Virus Database: 269.22.1/1348 - Release Date: 28/03/2008
10:58
__
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] Change of font-size in div affects div height

[Ian Young]

>
>
> Ian Young wrote:
>
> > http://www.iyesolutions.co.uk/templates/css/size3.html
>
> Not often I see a document with double sets of everything. You should
> clean up the source-code for that test-case.

Oops! In too much of a hurry. Sorted


> > Just tried that solution and the font-size didn't change. Did I miss
> > something here?
>
> Yes, you have to put our text in a suitable element _inside_ the divs,
> or else the font-sizing styles will have nothing to target. Selectors
> can only target elements - not free text.
>

Yep done that and obviously works fine. The reason for query is that the
template is being developed as a Joomla template and is part of a faux
column set up that has to be a minimum height to satisfy the designer's
requirements.

In addition, I wanted to define the text size in case the online text editor
didn't add a paragraph tag.

Thanks anyway.

Cheers

Ian
IY e-Solutions
http://www.iyesolutions.co.uk

No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.503 / Virus Database: 269.16.13/1169 - Release Date: 03/12/2007
22:56

__
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] Change of font-size in div affects div height

[Ian Young]

> > Are you sure you didn't really want to set font-size on the content of
> > the div and not on the div itself?
> >
> > Example: 
> >
>
> Thanks Georg
>
> As ever, a very elegant solution.
> This is what I like about CSS. There is always something new to learn.
>

Ahh,

Just tried that solution and the font-size didn't change. Did I miss
something here?

http://www.iyesolutions.co.uk/templates/css/size3.html

Ian
IY e-Solutions
http://www.iyesolutions.co.uk

No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.503 / Virus Database: 269.16.13/1165 - Release Date: 02/12/2007
20:34

__
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] Change of font-size in div affects div height

[Ian Young]

> > Odd thing happened here. Added font-size to a div and it changed the
> > height of the cell (and other surrounding). If I change from ems to
> > px for the div height it is ok in that div but others with height in
> > div are affected.
> >
> > I have not come across this before.
>
> That there's a difference between 'min-height: 31em' based on (near)
> default (100.1%) and same 'min-height' based on 12px, isn't surprising.
> An 'em' is a relative unit, and when you change the value it's
> calculated from the 'em' itself will of course change height.
>
> Are you sure you didn't really want to set font-size on the content of
> the div and not on the div itself?
>
> Example: 
>

Thanks Georg

As ever, a very elegant solution.
This is what I like about CSS. There is always something new to learn.

Cheers

Ian
IY e-Solutions
http://www.iyesolutions.co.uk

No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.503 / Virus Database: 269.16.13/1165 - Release Date: 02/12/2007
20:34

__
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] Change of font-size in div affects div height

[Ian Young]

Hi guys,

Odd thing happened here. Added font-size to a div and it changed the height
of the cell (and other surrounding). If I change from ems to px for the div
height it is ok in that div but others with height in div are affected.

I have not come across this before.

simple mocks at
http://iyesolutions.co.uk/templates/css/size.html
http://iyesolutions.co.uk/templates/css/size2.html

Help appreciated as always.

Ian
IY e-Solutions
http://www.iyesolutions.co.uk
This e-mail contains information which is confidential and may also be
privileged. It is for the exclusive use of the intended recipient(s). If you
are not the intended recipient(s) please note that any form of,
distribution, copying or use of this e-mail or the information in it is
strictly prohibited and may be unlawful. If you have received this in error
please inform us at the above address then delete the e-mail and destroy any
copies of it. Thank you.

No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.503 / Virus Database: 269.16.13/1165 - Release Date: 02/12/2007
20:34
__
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] Links not showing

[Ian Young]

> Subject: [css-d] Links not showing
>
>
> Hi all,
>
> I have a problem with links not sowing in IE6 and 7. They are
> absolutely positioned on the image but for some reason they don't
> show up in IE.
> Would anyone have an idea what the problem is?
>
> Page: http://kids.mesfiji.org
>

Try changing your csshover.htc call like this:

body {behavior: url(csshover.htc);} /* WinIE behavior call */

You are calling the csshover from the style sheet not the html page.

Cool site!

Ian
IY e-Solutions
http://www.iyesolutions.co.uk

No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.503 / Virus Database: 269.15.11/1093 - Release Date: 25/10/2007
17:38

__
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] A question of ems and good 'ol IE6

[Ian Young]

Subject: Re: [css-d] A question of ems and good 'ol IE6
>
>
> No amount of "hardcoding" will change anything - apart from making the
> layout weaker.
>
> > I am restricted on the dimensions of the site as I am not the
> > designer - just trying to emulate the designers' brief. Fluid width
> > has been rejected.
>
> I know the problem. Designer gets what designer wants, even if it
> doesn't work anywhere but in designer's mind.
> Result: designer happy - and design breaks.
>
> > Any thoughts then?
>
> Fake it!
>
> Any "faux columns" solution has the potential to work just fine, as long
> as you don't lock down the 'height' anywhere.
> You can combine any solution with 'min-height' (and fake that in IE6) to
> make the initial layout look ok to the designer.
>

OK, thanks for all help. Back to drawing board PDQ then. I did think that
min-height may be where I need to go and that was first port of call this
morning. I did try faux column early on, but didn't work to designer's
liking (obviously didn't get it quite right).

I don't really like fixed height at best of times but hey I am only the
builder.

Cheers all

Ian
IY e-Solutions
http://www.iyesolutions.co.uk

No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.488 / Virus Database: 269.15.3/1081 - Release Date: 19/10/2007
17:41

__
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] A question of ems and good 'ol IE6

[Ian Young]

> Subject: Re: [css-d] A question of ems and good 'ol IE6
>
>
> Ian Young wrote:
>
> > Just completing a site and thought that everything was coming
> > together nicely then had a look at IE6 on a monitor with different
> > resolution ad hey, it's broke.
> >
> > The height of the divs is set in ems. However, where there are photos
> > the site breaks.
>
> > http://www.iyesolutions.co.uk/templates/harbour/index2.html
>
> Breaks in all browsers at first load at my end, so it isn't just IE that
> needs specific styles - they all do.
> Severe overlapping down the left column in Opera and Firefox, as I use a
> 'minimum font size' that's larger than the font-size you have taken
> 'height' for. If I apply regular font resizing then it breaks even worse.
>
> The issue is simple: _any_ declared 'height' will be wrong under certain
> conditions when text is involved, when the 'width' is declared in pixels.
>
> You'll have to take another approach to the entire line-up issue, if you
> want that design to survive anything but flat defaults identical to what
> you use on your own system.
>


That is odd, Georg as the only browser that I have problems with is IE6 and
I have tested this on several computers (mac included) and resolutions.
Looks as if I am going to have to hardcode all the widths and heights. I am
restricted on the dimensions of the site as I am not the designer - just
trying to emulate the designers' brief. Fluid width has been rejected.

Any thoughts then?

Ian
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.488 / Virus Database: 269.15.1/1079 - Release Date: 19/10/2007
05:10

__
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] A question of ems and good 'ol IE6

[Ian Young]

Hi guys

The weekend is upon us but hope some you guys are still at the desk.
Just completing a site and thought that everything was coming together
nicely then had a look at IE6 on a monitor with different resolution ad hey,
it's broke.

The height of the divs is set in ems. However, where there are photos the
site breaks.

If I hardcode the divs then it works ok. Clearly this ain't good.

http://www.iyesolutions.co.uk/templates/harbour/index2.html
http://www.iyesolutions.co.uk/templates/harbour/includes/style.css

I really don't want to have to write an IE specific style sheet. Have
Googled but nothing relevant.

Any thoughts?

Ian
IY e-Solutions
http://www.iyesolutions.co.uk
This e-mail contains information which is confidential and may also be
privileged. It is for the exclusive use of the intended recipient(s). If you
are not the intended recipient(s) please note that any form of,
distribution, copying or use of this e-mail or the information in it is
strictly prohibited and may be unlawful. If you have received this in error
please inform us at the above address then delete the e-mail and destroy any
copies of it. Thank you.

No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.488 / Virus Database: 269.15.1/1079 - Release Date: 19/10/2007
05:10
__
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] iepngfix disables my links

[Ian Young]

> Subject: Re: [css-d] iepngfix disables my links
>
>
> No it is correct as the fix is applied (the shadow border is a
> transparent
> png IS transparent). It just seems to knock out the links.
>
> R.
>
>
>

That is surprising. However,the navigation links works on my system, IE6/7
FireFox, Safari PC.

You may wish to know that the white central area doesn't render in IE6.

Ian
IY e-Solutions
http://www.iyesolutions.co.uk

No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.488 / Virus Database: 269.14.8/1064 - Release Date: 11/10/2007
15:09

__
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] iepngfix disables my links

[Ian Young]

> Subject: [css-d] iepngfix disables my links
>
>
> when I apply the iepngfix.htc in my css with the line
>
> div{
> behavior: url('css/iepngfix.htc');
> }
>
> all the links become inactive. Does anyone have any idea why this
> happens? I am using and old version of the .htc?
>
> http://suruchirestaurant.com/test/css/iepngfix.htc
> http://suruchirestaurant.com/test/index.php
>
>
> Thanks,
>

Hi Ross

You have called the htc file from css/iepngfix.htc.
Shouldn't this be ('./iepngfix.htc') as the "fix" is in the same folder as
the CSS?

Or have I missed something?

Ian
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.488 / Virus Database: 269.14.8/1064 - Release Date: 11/10/2007
15:09

__
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] three numbers

[Ian Young]

 Subject: Re: [css-d] three numbers
>
>
> > > According to the specifications, giving three values for margin:
> > > is perfectly legal and valid.
> > >
> > > The sequence of messages here illustrate pretty well, that it's a
> > > poor idea!
> >
> > How so?
> >
> > It is a recognised and neat way writing margin and padding rules.
> >
> > If it is recommended by the standards folks (link earlier on)
> who are we to
> > argue?
> >
>
> > Ian
>
> Neat? OK - if you think so. It saves about 5 characters and
> confuses everyone in town, often including those who typed it originally.
>
> It's not recommended - it is merely recognised or accepted.
>
> It is not necessary to make use of each and every poor idea.
>
> Bruce

Bruce,

Just cos, you say it is a poor idea, doesn't make it so.

However, no one is making you use it. If you don't like it so be it.

I have to say I think it is rather elegant and there is a neat logic to it.

I use CSS that I feel comfortable with and this has evolved over the years
as I become more knowledgeable (long way to go yet).

But hey, why we getting heated over something that is optional anyway. If it
works for you (and it does for me) then why gripe.

Have a good weekend.

Cheers

Ian
IY e-Solutions
http://www.iyesolutions.co.uk

No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.488 / Virus Database: 269.14.1/1050 - Release Date: 04/10/2007
17:03

__
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] three numbers

[Ian Young]

> To: css-d@lists.css-discuss.org
> Subject: Re: [css-d] three numbers
>
>
> According to the specifications, giving three values for margin:
> is perfectly legal and valid.
>
> The sequence of messages here illustrate pretty well, that it's a
> poor idea!

How so?

It is a recognised and neat way writing margin and padding rules.

If it is recommended by the standards folks (link earlier on) who are we to
argue?

Ian
IY e-Solutions
http://www.iyesolutions.co.uk

No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.488 / Virus Database: 269.14.1/1050 - Release Date: 04/10/2007
17:03

__
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] Anomaly in FireFox

[Ian Young]

Hi guys

Unusual one (for me). I have a div that doesn't align properly in FireFox
and as a temporary measure have put a couple of extra  but of course
this doesn't render properly in IE6 (and is very clumsy)

I have tried a number or different alternatives margin settings to no avail.

http://www.iyesolutions.co.uk/templates/harbour/dinner.html with style at
http://www.iyesolutions.co.uk/templates/harbour/includes/style.css

It must be simple but it looks like I cannot see the wood for the trees.

Ian
IY e-Solutions
http://www.iyesolutions.co.uk
This e-mail contains information which is confidential and may also be
privileged. It is for the exclusive use of the intended recipient(s). If you
are not the intended recipient(s) please note that any form of,
distribution, copying or use of this e-mail or the information in it is
strictly prohibited and may be unlawful. If you have received this in error
please inform us at the above address then delete the e-mail and destroy any
copies of it. Thank you.

No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.488 / Virus Database: 269.14.1/1050 - Release Date: 04/10/2007
17:03
__
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] gap at bottom of three-column layout

[Ian Young]

> Subject: [css-d] gap at bottom of three-column layout
>
>

>
> I have three column layout I am working on (first time and the negative
> margin one from alistapart.com) and in all browsers that I am testing: FF
> 2.0.x, IE 7.x, IE 6.x, I have a gap at the bottom between the
> three columns
> and the footer.
>
> There are two images in the right hand column, if I take out the
> bottom one,
> everything seems to "snap" back into place but I haven't been able to find
> the real problem.
>
> Site: http://www.baseballtriviaquiz.com/ox/
> css: is at the top of the code
>
 Couple of things strike me. No margins or padding set in the floated
columns. margin:0 should help.
Also you may need to have display:inline for ol' IE6.

Cheers

Ian
IY e-Solutions
http://www.iyesolutions.co.uk

No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.488 / Virus Database: 269.13.30/1029 - Release Date: 24/09/2007
19:09

__
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] wordbreak

[Ian Young]

 Behalf Of Ross Hulford
> Sent: 17 September 2007 15:09
> To: css-d@lists.css-discuss.org
> Subject: [css-d] wordbreak
>
>
> Is it possible to break up words inside a table? My words when
> too long jump
> to the next line instead of breaking up.
>
> Is there any css property that works?
>

I think this is a case of you know what you mean!

Surely if the word breaks it will go to next line in any case?

Not really sure what you are after.

Ian
IY e-Solutions
http://www.iyesolutions.co.uk

No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.487 / Virus Database: 269.13.21/1012 - Release Date: 16/09/2007
18:32

__
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] named anchors in IE

[Ian Young]

> To: css-d@lists.css-discuss.org
> Subject: [css-d] named anchors in IE
>
>
> I have a css menu
>
> CAD Operators
>
> 
> when I try to link to a named anchor in ie it does not work what
> am I doing
> wrong?
>

If I read you right you are using  as anchor.

Should read 

Then wherever you need to go there :
Go to CAD

HTH

Ian
IY e-Solutions
http://www.iyesolutions.co.uk

No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.485 / Virus Database: 269.13.14/999 - Release Date: 10/09/2007
17:43

__
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] liquid 3col - header questions

[Ian Young]

> From: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] Behalf Of Ray Leventhal
> Sent: 11 September 2007 15:02
> To: css-d
> Subject: [css-d] liquid 3col - header questions
>
>
> Hi all,
>
> I'm developing a site based on the 'holy grail' 3col liquid layout [1].
>
> Site: http://devel.legionpost130.org/
> sub-page url:
> http://devel.legionpost130.org/index.php?history (for long content)
>
> CSS: http://devel.legionpost130.org/styles/legionpost130.css
>
> I've added a min-height and min-width setting to #header to accommodate
> the header graphic.  Herein lies my issue.  Header graphic is 535px
> wide, 102px high.  On screen resolutions of 800x600 and 1024x768 I see
> strange results and would like to avoid them if possible:
>
> Screenshots:
> http://captures.swhi.net/WinXPFF2.1024x768.jpg
> shows 'clipping' of the left and right edges of the graphic
>
> http://captures.swhi.net/WinXPIE7.800x600.jpg
> shows loss of right column (which isn't an issue for this site, but i'm
> curious as to why.
>
> Any suggestions will be greatly appreciated. The css is still a bit
> messy, containing directives which are not used by the markup - all to
> be cleaned up before we go live.
>

Because you have used min-height and min-width, the log doesn't appear in
IE6 at all. (IE6 doesn't recognise min-width or min-height). In fact the
whole site looks, well, odd.
In the header div there is an extraeneous */ at line 131 which may be
affecting things thereafter.

Ian

IY e-Solutions
http://www.iyesolutions.co.uk

No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.485 / Virus Database: 269.13.14/999 - Release Date: 10/09/2007
17:43

__
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] Stepped menu in ie6

[Ian Young]

>
> I a crearting a basic horizintal menu with CSS.  The problem is in IE6 is
> looks like a set of steps
>
> First item
> Second item
> Third item
> Fourth Item
>
> I have done loads of these and cannot understand what is happening this
> time.
>

Hi Ross,

you need to define the list as the float and then position:relative as per:

#cat_menu  li {float:left;position:relative}

#cat_menu  li a{
color:#ccc;
/*float:left;*/
position:relative;
padding:5px;
border-right:1px solid #fff;
background-color:#333;
font-size:10pt;
height:20px;
display:inline;
}

Cheers

Ian
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.485 / Virus Database: 269.13.10/995 - Release Date: 08/09/2007
13:24

__
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] Are table-based layouts still needed

[Ian Young]

> To: css-d@lists.css-discuss.org
> Subject: Re: [css-d] Are table-based layouts still needed
>
>
>  >>the issue was a 5 col layout that had equal  lengths.<<
>
> Actually, Ian - I *think( that might have been me.  I believe the
> original question was just a question.  I was one of the early
> responders to this thread, and I had mentioned the *only* time I have
> not been able to accomplish a layout was a theoretical one that was
> posed to me as a challenge: 5 columns, fluid, 100% width/height, header
> and "sticky" footer, and each section had to have a different background
> color without the use of the "faux colums" method.
>
> So I think you're thinking of my response, not the original question ;)

Oops, sorry. I remember now.

In response to EMB. I was reacting to his response to Georg. If I caused
offense I apologise but only for that. I have learned so much from everyon
on this list that I take offense when someone appears to be dismissive.

I'll say no more on the matter.

Ian
IY e-Solutions
http://www.iyesolutions.co.uk


No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.485 / Virus Database: 269.13.6/991 - Release Date: 05/09/2007
14:55

__
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] Site Review Please

[Ian Young]

> Hi Folks,
>
> This my first review request.  Would those of you with the time and
> inclination please have a look at this 'test' site, and offer your
> professional opinion.
>
> I am yet to be supplied with some of the 'artwork' (images, header
> images, etc..)  I've run the XHTML and CSS through the recommended
> validators, and they've 'passed muster'.
>
> http://www.tigdh.com/art/index.html
> http://www.tigdh.com/art/aa.css
>

Have just had quick look - no great time for detail. Site doesn't work in
IE6 at all. The footer is about 20-300px in depth and the content overlaps
this. This is usually a "clear" issue but I note that you have "clear:both"
in your footer.

As for menu, not even top line is showing in IE6. Best to sort that first
and then try and add the slidey bit. This will need either javascript or the
hover.htc script to make IE6 do the slidey bit.

Ian
IY e-Solutions
http://www.iyesolutions.co.uk

No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.485 / Virus Database: 269.13.6/991 - Release Date: 05/09/2007
14:55

__
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] Are table-based layouts still needed

[Ian Young]

> To: css-d@lists.css-discuss.org
> Subject: Re: [css-d] Are table-based layouts still needed
>
>
> Gunlaug Sørtun wrote:
> > Divs are semantically neutral, which doesn't necessarily equate to
> > meaningless when used to replicate a table.
>
> lol.  That does seem a bit of circular logic to me.  Nevertheless, I do
> appreciate your interesting links and discussion of my question.  It
> does seem though that non-table solutions to my specific problem use so
> much code, and add so much complexity, that I still lean towards the
> more straightforward table.
>

If I remember correctly (we seem to have been going around the houses for
ages on this topic) , the issue was a 5 col layout that had equal  lengths.
Dead easy in CSS and much tidier than tables. This smacks of an argument
that raged for some while on WebProWorld - bj will no doubt remember it
well - where one contributor ranted (yes, ranted) about how much easier an
creative tables were than CSS. After a year or so, the same contributor did
a volte face and is now totally converted to the CSS cause. Main reason - he
took th etime to understand the difference in approach and how to use CSS.

The folks who have tried to assist you in this know what they are about and
are very knowledgeable about both table and css layout. No need to scorn -
read an learn my friend.

Ian
IY e-Solutions
http://www.iyesolutions.co.uk


No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.485 / Virus Database: 269.13.6/991 - Release Date: 05/09/2007
14:55

__
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] Are table-based layouts still needed

[Ian Young]

> Subject: [css-d] Are table-based layouts still needed
>
>
> Or, do table-based layouts still have a place on the web?
>
> There will definitly be a lot of table-based layouts for many
> times to come.
> Not everyone has the knowledge nor is obligated to use CSS-based layouts.
>
> But from a web professional standpoint, do you think table-based layouts
> still need to be used for some particular layouts?
>
> In other words, can pure CSS layouts do everything a table-based
> layout can
> do?

I reckon that if it is table based, you can build with a CSS layout. I have
just rebuilt a table based design (neat but different on every page) and
rebuilt using CSS. It wasn't easy and I reckon that if I did it again it
would be even neater HTML wise.

Lots of folks who use Dreamweaver rely on tables and there are lots of
really excellent designers who don't have a clue about valid html far less
CSS.
I guess it was ever thus.

Keep the faith

Ian
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.484 / Virus Database: 269.13.2/983 - Release Date: 01/09/2007
16:20

__
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] Bottom of div disappears in IE6 -SOLVED

[Ian Young]

> -Original Message-
> From: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] Behalf Of Zoe M.
> Gillenwater
> Sent: 16 August 2007 13:44
> To: [EMAIL PROTECTED] Css-Discuss. Org
> Subject: Re: [css-d] Bottom of div disappears in IE6
>
>
> Ian Young wrote:
> > In IE6 (what else), the bottom of the div is hidden behind the
> footer. On
> > pressing f11 to show whole screen, the bottom appears again.
> When restoring
> > to normal window size the bottom of the div is as it should be.
> >
 >> . but it must be something relatively simple.
> >
 It was!

I moved the clearing div to below the #innerr .pfolio div and that solved
the problem.

Whatya know?

Ian

Ian J Young
IY e-Solutions
http://www.iyesolutions.co.uk

No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.476 / Virus Database: 269.11.19/955 - Release Date: 15/08/2007
16:55

__
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] multiple style sheet errors

[Ian Young]

> Subject: [css-d] multiple style sheet errors
>
>
>T when I link those two stylesheets next to each other the main content
> area goes -boom- all the way down the page.
>
> These 2 stylesheets are named differently but I also tried it
> with the same
> stylesheet, just listing it twice (so nothing should change) and
> it did the
> same thing!
>
> Anyone have any ideas???
>
> You can see it at
> HYPERLINK
> "http://www.messiahvillage.org/indexnew.htm"www.messiahvillage.org
> /indexnew.
> htm
>

Couple of thoughts. You have mark up errors so go sort these first.

Have you checked the style sheets individually?

Having looked at the site I cannot see the fault.

I note however, that the home page is aligned left and rest of site is
aligned center. Different style sheets?

Ian


Ian J Young
IY e-Solutions
http://www.iyesolutions.co.uk


__
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] Bottom of div disappears in IE6

[Ian Young]

> To: [EMAIL PROTECTED] Css-Discuss. Org
> Subject: Re: [css-d] Bottom of div disappears in IE6
>
>
> Ian Young wrote:
> > In IE6 (what else), the bottom of the div is hidden behind the
> footer. On
> > pressing f11 to show whole screen, the bottom appears again.
> When restoring
> > to normal window size the bottom of the div is as it should be.
> >
> > I wasn't sure what to search for in the Wiki, but it must be something
> > relatively simple.
> >
> > Page at http://www.dbadvertising.co.uk/css/portfolio.php
> >
>
> Ian,
>
> You have a min-height of 595px set on #content, but also set a height of
> 575px for #content in a conditional comment. Change this to 595px and I
> bet the overlap will be fixed.
>

have tried that and it doesn't make any difference. The interesting thing is
that if the screen is enlarged to full screen the bottom appears ok and
stays there.
I have tried the fixes in the peek-a-boo but to no avail.

Thanks for looking

Ian
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.476 / Virus Database: 269.11.19/955 - Release Date: 15/08/2007
16:55

__
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] Border problems

[Ian Young]

> Subject: [css-d] Border problems
>
>
> Hi,
>
> I've designed the following layout. Bit different in some ways
> but my client
> likes it a lot.
>
> But check in IE and it looks as we want it. Look at it in
> anything else and
> all the borders disappear!!!
>
> Any ideas please?
>
> http://www.creativeforms.co.uk/borderprob.html
>
> http://www.creativeforms.co.uk/borderprob.css
>

You might want to sort out your mark-up errors first:

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.creativeforms.c
o.uk%2Fborderprob.html

Ian

Ian J Young
IY e-Solutions
http://www.iyesolutions.co.uk

No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.476 / Virus Database: 269.11.19/955 - Release Date: 15/08/2007
16:55

__
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/