Re: [css-d] Links work but Parts of Div is hidden

2009-03-27 Thread David Laakso
Christopher R wrote:
 I've got the images to load now the problem is that the images are hiding 
 behind the white box.

   

Post to:
http://csscreator.com/css-forum/
__
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] Links work but Parts of Div is hidden

2009-03-27 Thread david
Answer below where it belongs! ;-)

Christopher R wrote:
 I've got the images to load now the problem is that the images are hiding 
 behind the white box.
 
 On Thu, Mar 26, 2009 at 4:52 AM david gn...@hawaii.rr.com wrote:
 Christopher R wrote:
 Alright, I have gotten my links to work but if you take a look you'll see 
 that 
 my big banner\logo graphic gets cut off and I'd really like to know to 
 bring it forward ?
 You can see exactly what is happening at:
 http://www.thecreativesheep.ca/site/imagepage5.html
 Well, I just looked at it in FF3/Linux and don't see any graphics at all 
 except the window background and the man's face in lower right corner. 
 This happens both with and without Javascript enabled ...

 The FF web developer toolbar reports 5 broken images:
 1. http://www.thecreativesheep.ca/site/navgraphic.png
 2. http://www.thecreativesheep.ca/site/gallerybottonbw.png
 3. http://www.thecreativesheep.ca/site/animationbottonbw.png
 4. http://www.thecreativesheep.ca/site/blogbw.gif
 5. http://www.thecreativesheep.ca/site/contactimage.gif

 I don't quite know why you want to waste so much screen space around 
 your rigid boxes ...

Sorry, I still don't see the images listed below on the page. When I 
view image information, FF lists the images - but the image doesn't 
appear on the list. Other images do appear ...

Beyond me. Too much absolute and other positioning. I did see a 
z-index: -1, I guess it's legit, but the need for such gyrations to 
make an absolute positioning layout work is (to me) a good argument for 
avoiding them entirely.

-- 
David
gn...@hawaii.rr.com
authenticity, honesty, community
__
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] IE and png transparency

2009-03-27 Thread hairball
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 ?
__
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-style-type in IE

2009-03-27 Thread Mike Davies
On Thu, 2009-03-26 at 11:16 -0700, Mark Senff wrote:
 --- On Thu, 3/26/09, Mike Davies m...@integrawebdesign.co.uk wrote:
 
  I am trying to remove the bullets from an unordered list, which works
  fine in Firefox using list-style-type:none;. But this doesn't appear to
  be supported by IE and the lists are showing either with the bullet or
  with an indent.
 
  See the left-hand side links on
  http://www.deveron-arts.com/wb/pages/artists/david-blyth.php 
 
  How can I work round this?
 
 In IE7 the first list seems OK, the second list has indented items.
 
 Personally, I usually use these rules to reset all UL/LI tags:
 
 ul,li {
list-style-type: none;
list-style-position: outside;
}
 
 The list-style-position should help there.
 
 (to be perfectly honest, I'm not sure if this is a 100% foolproof/valid/good 
 method, but I've never had problems with it)
 
This seems to remove the bullet but the indent remains as though the bullet 
still exists.

  
-- 
Mike Davies
Integra Web Design, Rhynie, By Huntly, AB54 4LS
01464 861535www.integrawebdesign.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] List-style-type in IE

2009-03-27 Thread Climis, Tim
 This seems to remove the bullet but the indent remains as though the bullet 
 still exists.

I haven't looked at the page to verify/test, but FF does the indents with 
padding, while IE does it with a margin.  It sounds like you might be running 
into that.

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

2009-03-27 Thread 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] styling select drop down in IE

2009-03-27 Thread Mark Senff

--- On Thu, 3/26/09, Angela French afre...@sbctc.edu wrote:

 Can CSS be applied to the select tag in IE?  I
 can't get mine to remove the 3D effect.  I remember
 something about the styling of selects being an operating
 system style that can't be overwritten.

To my knowledge, this is indeed not possible in IE, and you'll stuck with the 
default 3D look of the select boxes. It's beyond me why we can't style these 
with CSS, whereas we ARE allowed to style regular input boxes.


  
__
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

2009-03-27 Thread Mark Senff

--- On Fri, 3/27/09, hairball stop.the8th...@gmail.com wrote:

 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 ?

With PNGs, the transparency is part of the actual IMAGE, you shouldn't need 
additional CSS. Only for IE6 you need a fix.

mS



  
__
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-style-type in IE

2009-03-27 Thread Mark Senff




--- On Fri, 3/27/09, Mike Davies m...@integrawebdesign.co.uk wrote:

  ul,li {
 list-style-type: none;
 list-style-position: outside;
 }
  
  The list-style-position should help there.
 
 This seems to remove the bullet but the indent remains as
 though the bullet still exists.

Like Tim said, padding and margin is also relevant here. Set those to your 
desired values for both the UL and the LI.

Having said that, it seems you fixed it already, it looks good to me in 
FF/IE6/IE7/IE8.

mS




  
__
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 select drop down in IE

2009-03-27 Thread Nick Fitzsimons
On Thu, March 26, 2009 10:18 pm, Angela French wrote:
 Can CSS be applied to the select tag in IE?  I can't get mine to remove
 the 3D effect.  I remember something about the styling of selects being an
 operating system style that can't be overwritten.


It depends which version of IE. IE 6 and below implement the select
element as a windowed control [1], so it follows the user's settings for
their Windows appearance and cannot be styled with CSS.

As of IE 7, it becomes a windowless control, and can be styled.

[1] http://blogs.msdn.com/ie/archive/2006/01/17/514076.aspx

Cheers,

Nick.
-- 
Nick Fitzsimons
http://www.nickfitz.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/


[css-d] IE list problem

2009-03-27 Thread Climis, Tim
I just noticed this today, and I can't figure out what's going on.  It looks 
right in FF and IE8.  But in IE7, all the menu text is indented from the 
graphic.

http://www.indiana.edu/~intlserv/

The margins and padding are all explicitly set, I think.  My only guess 
currently is that the text is bumping itself out of the way of the background 
image, but I can't imagine why that would be.

---Tim Climis
Computer Coordinator
International Services



__
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 select drop down in IE

2009-03-27 Thread Angela French
This is interesting, but I have IE7 and a border: 1px solid color, still gets 
me a 3D effect unfortunately.,

-Original Message-
From: Nick Fitzsimons [mailto:n...@nickfitz.co.uk] 
Sent: Friday, March 27, 2009 7:32 AM
To: Angela French
Cc: 'css discuss'
Subject: Re: [css-d] styling select drop down in IE

On Thu, March 26, 2009 10:18 pm, Angela French wrote:
 Can CSS be applied to the select tag in IE?  I can't get mine to remove
 the 3D effect.  I remember something about the styling of selects being an
 operating system style that can't be overwritten.


It depends which version of IE. IE 6 and below implement the select
element as a windowed control [1], so it follows the user's settings for
their Windows appearance and cannot be styled with CSS.

As of IE 7, it becomes a windowless control, and can be styled.

[1] http://blogs.msdn.com/ie/archive/2006/01/17/514076.aspx

Cheers,

Nick.
-- 
Nick Fitzsimons
http://www.nickfitz.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] styling select drop down in IE

2009-03-27 Thread Mark Senff

--- On Fri, 3/27/09, Nick Fitzsimons n...@nickfitz.co.uk wrote:

 On Thu, March 26, 2009 10:18 pm, Angela French wrote:

 Can CSS be applied to the select tag in IE?  I can't get mine to 
 remove the 3D effect.  I remember something about the styling
 of selects being an operating system style that can't be overwritten.
 
 It depends which version of IE. IE 6 and below implement the select
 element as a windowed control [1], so it follows the user's settings 
 for their Windows appearance and cannot be styled with CSS.
 
 As of IE 7, it becomes a windowless control, and can be styled.

Although it's true that you can the style the text/background colors of a 
select dropdown, I don't see how you can get rid of the 3D border in IE7. 

Have a look: http://www.senff.com/select.html

The bottom dropdown should have a 1 pixel red border (as you can see in FF and 
IE8 for example), but IE7 doesn't take that and keeps showing the default 3D 
style. In fact, I really don't see a difference between IE6 and IE7 (styling of 
text/colors was already possible in IE6 as well).

Am I missing something?

mS



  
__
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 list problem

2009-03-27 Thread Peter Hammarling
Those who know more can probably tell you what's going on and give a  
more elegant solution, but I solved your very problem a few days ago  
with a conditional comment for IE only pointing to a separate, IE7 and  
down, style sheet. It gives a negative left margin to ul's and ol's. I  
couldn't find another way to make list items line up with the rest of  
the text although I'd tried all combinations of margin 0 and padding 0.

Peter H.



 I just noticed this today, and I can't figure out what's going on.   
 It looks right in FF and IE8. But in IE7, all the menu text is  
 indented from the graphic.

 http://www.indiana.edu/~intlserv/

 The margins and padding are all explicitly set, I think.  My only  
 guess currently is that the text is bumping itself out of the way of  
 the background image, but I can't imagine why that would be.

 ---Tim Climis
 Computer Coordinator
 International Services
__
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 list problem

2009-03-27 Thread Bobby Jack

--- On Fri, 3/27/09, Peter Hammarling pe...@artworkers.net wrote:

 It gives a negative left margin to
 ul's and ol's. I  
 couldn't find another way to make list items line up
 with the rest of  
 the text although I'd tried all combinations of margin
 0 and padding 0.

I use the 'position: relative, left: -1.5em, padding-left: 1.5em' technique from

http://csshowto.com/typography/hanging-punctuation-with-css/

for full IE compatibility. Not sure if it's better than a negative left margin 
but, given IE's tendency to screw negative margins up, I suspect this is a 
safer IE-6 solution.

- Bobby
__
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 list problem

2009-03-27 Thread Gunlaug Sørtun
Climis, Tim wrote:
 I just noticed this today, and I can't figure out what's going on. It
 looks right in FF and IE8.  But in IE7, all the menu text is indented
 from the graphic.
 
 http://www.indiana.edu/~intlserv/

Can't analyze it in depth because scripts don't survive download, but
for IE7, add...

*:first-child+htmlbody div#menu ul.tree {
   float: left;
}

...to isolate outer ul containers from their parent - div#menu. That
will fix indentation/line-up in that IE version.

regards
Georg
-- 
http://www.gunlaug.no
__
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 list problem

2009-03-27 Thread Peter Hammarling
 I use the 'position: relative, left: -1.5em, padding-left: 1.5em'  
 technique from

 http://csshowto.com/typography/hanging-punctuation-with-css/

 for full IE compatibility. Not sure if it's better than a negative  
 left margin but, given IE's tendency to screw negative margins up, I  
 suspect this is a safer IE-6 solution.

 - Bobby


That's a much nicer solution and obviates the need for the extra style  
sheet, though I confess I don't fully understand how it works. I need  
to get my head round the -1.5em/+1.5em trick.

But the example page from the csshowto

http://csshowto.com/examples/hangingpunctuation.html

shows a weird example and I can't see why one would want to achieve  
that, except in the case of a ul with no markers. Hanging punctuation  
is tolerable sometimes, but hanging numbers or bullets seem hideous to  
me.

Peter H.
__
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 list problem

2009-03-27 Thread Climis, Tim
 div#menu ul.tree {
float: left;
 }
 
 ...to isolate outer ul containers from their parent - div#menu. That
 will fix indentation/line-up in that IE version.

Thanks Georg!  That worked like a dream.  But since it took me a little while 
to figure out what you were talking about, here's a sum up for anyone who's 
interested.

The extra padding was coming from the div#menu.  To fix it, I had to float the 
list so the padding would happen outside the list _container_ instead of the 
list _text_.

---Tim
__
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] Image stretches vertically in (that's right) IE6

2009-03-27 Thread Ian Piper
Hi all,

I *think* this is a CSS issue - apologies if it is not. I have a page  
with two photos on it that seem to be behaving peculiarly *only* in  
IE6. The page is here:

http://www.ruberyowen.com/rubery-owen-history.php

The offending photos are styled pictureright and pictureleft. On  
Safari, Firefox and IE7 these pictures appear to be fine, but in IE6  
the photos are stretched vertically. I can't figure what is happening  
- can anyone either confirm that they also see this effect or suggest  
what may be wrong?

Thanks,


Ian.
--
ianpi...@mac.com
07590 685840 | 01926 811383






__
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

2009-03-27 Thread Nick Fitzsimons

On Fri, March 27, 2009 10:10 am, hairball wrote:
 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 ?

As others have mentioned, IE 7 and 8 support PNG transparency, so you
don't need to do anything.

If you need to support PNG transparency in IE6, you want the
AlphaImageLoader filter [1] [2] [3].

[1] http://msdn.microsoft.com/en-us/library/ms532969.aspx
[2] http://support.microsoft.com/kb/294714
[3] http://www.satzansatz.de/cssd/tmp/alphatransparency.html

Cheers,

Nick.
-- 
Nick Fitzsimons
http://www.nickfitz.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] tabled thumbnail gallery to css?

2009-03-27 Thread Venditelli, Daniel - Web Development Administrator
Bill,

What about treating this as a list object instead of a table? It might
be a bit of work/thought to set up initially but would certainly be much
easier to maintain especially when you have to reorder items.

The code/layout would essentially by fixed and easily replicated for
each new entry and you could then VERY easily move items around in list
for alphabetical ordering and could easily bump items from one column to
the next to address balancing the page layout.

Obviously the pseudo code below is short on specific details, but I
think it gets the idea across.

Best of luck,
Daniel

-

ul id=column 1 fixed width align or float left
li
div with fixed width, displayed as block in-lineLast,
firstbr/email/div
div with fixed width, displayed as block in-lineimage
1/div
div with fixed widthimage 2/div
/li
li
div with fixed width, displayed as block in-lineLast,
firstbr/email/div
div with fixed width, displayed as block in-lineimage
1/div
div with fixed widthimage 2/div
/li
li
div with fixed width, displayed as block in-lineLast,
firstbr/email/div
div with fixed width, displayed as block in-lineimage
1/div
div with fixed widthimage 2/div
/li
/ul *

ul id=column 2 fixed width align or float right *
li
div with fixed width, displayed as block in-lineLast,
firstbr/email/div
div with fixed width, displayed as block in-lineimage
1/div
div with fixed widthimage 2/div
/li
li
div with fixed width, displayed as block in-lineLast,
firstbr/email/div
div with fixed width, displayed as block in-lineimage
1/div
div with fixed widthimage 2/div
/li
li
div with fixed width, displayed as block in-lineLast,
firstbr/email/div
div with fixed width, displayed as block in-lineimage
1/div
div with fixed widthimage 2/div
/li
/ul 

*If you are (very) concerned about semantic structure, instead of
breaking this into two separate un-ordered lists, you could wrap the
first and second half of the lists in divs that break them into columns.







-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of bill scheider
Sent: Monday, March 23, 2009 1:37 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] tabled thumbnail gallery to css?

Hi all

I volunteered for a non profit who recently lost their web person to do
some
updates on their website. The page in question can be found here:
http://www.oregonwca.org/gallery.html The gallery is a 7-col table
containing an artist's name, a thumbnail, a thumbnail, artist's name,
thumbnail, thumbnail. They want to retain that general layout of two
artists
and their thumbnails per line.

 

I'd like to re-code that page in css rather than a table. For one thing
it'd
be lots easier to retain the alphabetical order when adding or removing
a
new artist. The current code is certainly a mess and could certainly
benefit
from a cleansing:-)

 

Can someone point me in the direction of coding idea or solution for
this? I
suppose, strictly speaking, the info can be presented as a table of data
but
there's still the alphabetical order issue when adding or removing
artists.

 

All pointers are appreciated. TIA

Bill Scheider

__
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] IE and png transparency

2009-03-27 Thread divya manian
On Fri, Mar 27, 2009 at 7:22 AM, Nick Fitzsimons n...@nickfitz.co.uk wrote:
 If you need to support PNG transparency in IE6, you want the
 AlphaImageLoader filter [1] [2] [3].

 [1] http://msdn.microsoft.com/en-us/library/ms532969.aspx
 [2] http://support.microsoft.com/kb/294714
 [3] http://www.satzansatz.de/cssd/tmp/alphatransparency.html



In my opinion, this [1] is the best PNG Fix I found.

[1] http://www.dillerdesign.com/experiment/DD_belatedPNG/

- divya
http://nimbupani.com/blog
__
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] Image stretches vertically in (that's right) IE6

2009-03-27 Thread divya manian
On Fri, Mar 27, 2009 at 11:55 AM, Ian Piper ianpi...@mac.com wrote:

 The offending photos are styled pictureright and pictureleft. On
 Safari, Firefox and IE7 these pictures appear to be fine, but in IE6
 the photos are stretched vertically. I can't figure what is happening
 - can anyone either confirm that they also see this effect or suggest
 what may be wrong?


I see the effect in IE 6. Probably the best choice would be to apply
the float on the parent div of the image rather than on the image
itself. Plus would also help to remove position:relative as it seems
to be doing nothing in the styling.

- divya
__
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] Image stretches vertically in (that's right) IE6

2009-03-27 Thread Ian Piper
On 27 Mar 2009, at 10:39pm, Holly Bergevin wrote:

 From: Ian Piper ianpi...@mac.com

 two photos on it that seem to be behaving peculiarly *only* in
 IE6.

 http://www.ruberyowen.com/rubery-owen-history.php

 the photos are stretched vertically.

 Below is where the problem is coming from, I believe. Was this hack  
 applied for specific problems, or just on general principle? If it  
 was specific, you'll want to find another way to give these images  
 layout.


Thanks all for the answers to this. I should probably briefly explain  
how I got into this pickle. I am using a low-end CMS called WebYep for  
this site. It works pretty well most of the time but I found on this  
site I had a problem. The CMS uses a loop to allow the user to build  
complex pages by selecting one or more out of a set of optional page  
components. Unfortunately the components you *don't* choose end up on  
the page too, as empty divs. I realised that while the empty divs took  
up no space in most browsers, in IE the ones that normally contained  
images showed a minimum height (around 10px). It looked as though the  
only way to get them to zero height was to style their content img  
elements rather the divs themselves. I'm afraid the list of hacks sort  
of appeared along the way as I was trying to give the empty divs  
layout (which I thought was the source of the problem).

I will try to clean this up now - thanks for all the helpful  
suggestions.


Ian.
--
ianpi...@mac.com
07590 685840 | 01926 811383






__
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] Image stretches vertically in (that's right) IE6

2009-03-27 Thread Holly Bergevin
From: Ian Piper ianpi...@mac.com

two photos on it that seem to be behaving peculiarly *only* in  
IE6. 

http://www.ruberyowen.com/rubery-owen-history.php

the photos are stretched vertically. 

Below is where the problem is coming from, I believe. Was this hack applied for 
specific problems, or just on general principle? If it was specific, you'll 
want to find another way to give these images layout.

/* Various Holly hacks to address IE bad behaviour */
* html #content,
* html #content-wide,
* html #content .pictureleft,
* html #content-wide .pictureleft,
* html #content .pictureright,
* html #content-wide .pictureright {height: 1%;} /*  this is the problem for 
those images */

~holly :-) 
 
   
__
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/