Re: [css-d] My Last (I Think) IE7 Bug

[Chris Williams]

THAT'S IT!  That fixed it.

Super, thanks so much.

Chris

-Original Message-
From: Tony Crockford [mailto:[EMAIL PROTECTED] 
Subject: Re: [css-d] My Last (I Think) IE7 Bug

apply position: relative; to the h5 and all will be okay.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] My Last (I Think) IE7 Bug

[Tony Crockford]

Chris Williams wrote:

> The reason why I do it is because then I'd have to have the .box (with
> no padding) and then some bogus internal container (.inbox??) that has
> some margin on it.  And it would have to be everywhere there is a box
> (like all over the site), as every box has this padding.  Now, *that*
> seems convoluted to me.


err no.

you just apply margin to the ul's, p's and hx's that you put inside the box.

I've been avoiding horizontal padding since I discovered IE5's box model 
  so it's second nature to me to think in terms of no padding on a 
container (apart from 1px top padding to prevent margin collapse) and 
then margin anything inside it away from the sides.

but hey, position:relative is your friend...

;o)

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] My Last (I Think) IE7 Bug

[Chris Williams]

I fixed the silly  thing, don't know how that happened...
Validates now, both the HTML and the CSS.

As for negative margins...  It's funny that it works in IE7 on all
borders, except the bottom one?  This makes me think this is a red
herring...

The reason why I do it is because then I'd have to have the .box (with
no padding) and then some bogus internal container (.inbox??) that has
some margin on it.  And it would have to be everywhere there is a box
(like all over the site), as every box has this padding.  Now, *that*
seems convoluted to me.

Not that it couldn't be done, but that seems like a ridiculous thing to
do, a complete overhaul of the site, for one browser.

Thanks for the reply,
Chris

-Original Message-
From: Tony Crockford [mailto:[EMAIL PROTECTED] 
Subject: Re: [css-d] My Last (I Think) IE7 Bug

I've never seen it used in that way before, but then I'm in the habit of

avoiding padding on container elements as much as possible.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] My Last (I Think) IE7 Bug

[Tony Crockford]

Tony Crockford wrote:
> Chris Williams wrote:
>> Thanks for the reply.
>>
>> Funny, the "convoluted use of negative margins" is all over the place, and I
>> got it from a couple of different references, both books and example sites.
>> And it works in every browser on the planet... Except IE7??
> 
> I've never seen it used in that way before, but then I'm in the habit of 
> avoiding padding on container elements as much as possible.
> 
> I didn't mean to imply you'd done something wrong, just that it *felt* 
> odd to me.
> 
> have you any references for this use of -ve margins, they'll probably 
> need to be rewritten!

Ah.

I googled and discovered that IE has a fixable bug in relation to 
content that overlaps a negative margin, which seems to be the case here...

apply position: relative; to the h5 and all will be okay.

hat tip:
http://www.communitymx.com/content/article.cfm?page=4&cid=B0029

IE will cut off the portion of an object that overflows its 
parent container due to negative margins. Luckily, there's a quick fix: 
apply position: relative to the float, and the cut off portion 
appears!
CSS Negative Margins - Part One
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] My Last (I Think) IE7 Bug

[Tony Crockford]

Chris Williams wrote:
> Thanks for the reply.
> 
> Funny, the "convoluted use of negative margins" is all over the place, and I
> got it from a couple of different references, both books and example sites.
> And it works in every browser on the planet... Except IE7??

I've never seen it used in that way before, but then I'm in the habit of 
avoiding padding on container elements as much as possible.

I didn't mean to imply you'd done something wrong, just that it *felt* 
odd to me.

have you any references for this use of -ve margins, they'll probably 
need to be rewritten!

;o)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] My Last (I Think) IE7 Bug

[Chris Williams]

Thanks for the reply.

Funny, the "convoluted use of negative margins" is all over the place, and I
got it from a couple of different references, both books and example sites.
And it works in every browser on the planet... Except IE7??

As for the  thing, not sure how that happened, but it will get
fixed...

> From: Tony Crockford <[EMAIL PROTECTED]>
> Subject: Re: [css-d] My Last (I Think) IE7 Bug
> 
> I'm not sure what *correct* behaviour should be, but maybe someone more
> enlightened will explain that.

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] My Last (I Think) IE7 Bug

[Tony Crockford]

Chris Williams wrote:

> I'm sure it's obvious, and I'm sure it's somewhere in the Wiki pages on
> IE7, but I can't find it.

It's related to your convoluted use of negative margins to overcome 
padding on the box.

the fix is to remove padding from the .box and add margin to the 
elements inside the .box to give the same "space", then your h5 
background will fill the box and a little bit of padding on the h5 will 
space the text away from the edges.

IE7 is seeing bottom-margin: -6px as an instruction to bring the bottom 
edge of the h5 box 6px inside the box, rather than stretching the box 
6px bigger than needed for the text.

I'm not sure what *correct* behaviour should be, but maybe someone more 
enlightened will explain that.

I do know that I wouldn't have done it the way you did and I'm also 
curious about why the list of what's new ul is inside an h2 element 
(invalid construction AIUI)

hth







-- 
Join me: http://wiki.workalone.co.uk/
Thank me: http://www.amazon.co.uk/gp/registry/1VK42TQL7VD2F
Engage me: http://www.boldfish.co.uk/portfolio/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] cannot get side shadows for outer div to display right in FF

[Bruce Gilbert]

>
> >Yes :-)
>
> >Add borders on the following elements and you'll see better
>
> >#outer_div{
> >height: 100%;
> >margin-left: auto;
> >margin-right: auto;
> >width:58em;
> >border:1px solid lime
> >}
>
> >#shadow_container{
> >margin:0;
> >padding:0;
> >width:62em;
> >border:1px solid red
> }
>
> >#shadow_container is much wider than #outerdiv. Things start to
> >misalign from there.
> >Set the width of #shadow_container to 100%, and things look already
> >much better.
> >There are other things you'll need to tweak, but you'll them once the
> >above is fixed.
>
> >It 'works' in IE 6, because it is broken, and expands the width of
> >boxes when the content is wider than the allocated width. Standard
> >compliant browsers don't expand them (and IE 7 has fixed that bug).
>
> Philippe
> ---
> Philippe Wittenbergh
> 
>
> thanks for the pointer Philippe,



I have made the adjustment you suggested. You can view the updated pages
with the links above. I still cannot figure out how to get the shadows to
the edsge where my red border is temporarily. I am tried adjusting margins
and padding, can't get anything to work.





-- 
::Bruce::
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Position links on Image bugs

[Tim Kadlec]

Eleanor,

Welcome to the list and welcome to the wonderful, exciting and never ever 
frustrating world of using CSS.


You were right. The problem did lie in the way you were doing the top 
navigation. I would recommend slightly modifying your html and css to make 
it a little easier on yourself.


Change the html to this:



Home
About
Gallery
History
For Collectors



Now we can set the image as a background for the nav division which makes 
the whole process a lot easier.


Now it is just a matter of editing your css. I have the lines I edited 
posted below, and comments explaining, albeit not all that clearly I am 
sure, why the change. Go ahead and experiment with different values to 
adjust margins and paddings and see the effects different lines have on your 
layout in IE and firefox, but as of now, the design should work for you in 
both browsers.


#nav {
margin: -8px -8px;  /* Currently, the way you have this, the margin is set 
to -8px on all sides */
margin-bottom: 0px; /* IE subtracts the -8px above from the height of div so 
we needed the bottom margin to be 0 */
background: url(nav.gif) no-repeat; /* background-image instead of actual 
image, easier to use, faster to load */
height: 145px; /* Height of your background-image to ensure that full image 
shows */

display: block;
width: 701px; /* Width to ensure that image is show entirely */
}
#nav1{
padding-top: 120px; /* Pushes your text down */
padding-left: 70px; /* Pushes your text to the right -- margins don't work 
here cuz of IE */

}
#body-container {background-color: #EFECD7;
margin: 15px 3px 10px; /* Here the top margin at 15px worked before but not 
anymore */
margin-top: 0px; /* So I changed it here to 0 to bring container flush with 
nav --- You can put this in the line above */
border-top: none; border-right: solid #BC901A 1px; border-left: solid 
#BC901A 1px; border-bottom: solid #BC901A 1px;

padding: 15px;}


Thanks,

Tim Kadlec


Message: 24
Date: Mon, 11 Sep 2006 19:42:31 -0500
From: Eleanor Hand <[EMAIL PROTECTED]>
Subject: [css-d] Position links on Image bugs
To: css-d@lists.css-discuss.org
Message-ID: <[EMAIL PROTECTED]>
Content-Type: text/plain; charset=US-ASCII; delsp=yes; format=flowed

Hello,

This is my first post to this forum so let me say thank you for
taking the time to look at this.

I have decided to try and create a client website using CSS
positioning as the main layout and design. Of course the learning
curve is huge and I'm stuck. So here I am. I am having several issues
with different browsers. They all seem to stem from positioning text
on top of an image. Everything is working well in Safari and Firefox
on my mac. The problem arises in IE on both the mac and the pc
platform. IE in Mac is currently not displaying the links but if it
were they wouldn't work as links. IE Windows is not displaying the
links at all. I am currently working to resolve this and would
appreciate input on whether or not this positioning issue is
resolvable. Am I better off using roll over buttons?

The site can be viewed here:

http://www.eleanorhand.com/clients/rangeloff/index.php

http://www.eleanorhand.com/clients/rangeloff/rageloffstyles.css

Thank You,
El
spamaholic(at)earthlink.net - it's my junk email and its real

_
Windows Live Spaces is here! It’s easy to create your own personal Web site. 
 http://spaces.live.com/signup.aspx


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

[css-d] site check, please - cchy website

[Kay C. Tien]

Hi All,

Why do I keep having this problem with IE PC having an extra gap?

http://kt1.clarityconnect.net/cchy/index.html

I've checked it on FF, SeaMonkey, Opera on Win XP, and Safari, FF, 
and IE on the MAC OS X.  They're all fine, but in IE on Win XP, I 
have this gap between the menu buttons and the picture right above 
it.  Any ideas?

Much thanks.
Kay





--
Kay C. Tien
Clarity Connect, Inc.
200 Pleasant Grove Road
Ithaca, NY 14850
Toll Free: 1-888-322-4900 | Main: 1-607-257-8268
Fax: 1-607-257-4431
www.clarityconnect.com



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] cannot get side shadows for outer div to display right in FF

[Philippe Wittenbergh]

Bruce,
On Sep 12, 2006, at 11:23 AM, Bruce Gilbert wrote:


> I am attempting to create a CSS based page which is centered within a
> browser window and has a shadow effect on the outer div repeating  
> vertically
> down the left and right sides. I have this looking decent in IE,  
> but in
> Mozilla/FF it is really screwy looking with the shadow not fitting the
> layout (which means I am doing something wrong).
>

Yes :-)

Add borders on the following elements and you'll see better

#outer_div{
height: 100%;
margin-left: auto;
margin-right: auto;
width:58em;
border:1px solid lime
}

#shadow_container{
margin:0;
padding:0;
width:62em;
border:1px solid red
}

#shadow_container is much wider than #outerdiv. Things start to  
misalign from there.
Set the width of #shadow_container to 100%, and things look already  
much better.
There are other things you'll need to tweak, but you'll them once the  
above is fixed.

It 'works' in IE 6, because it is broken, and expands the width of  
boxes when the content is wider than the allocated width. Standard  
compliant browsers don't expand them (and IE 7 has fixed that bug).


>
> the URL in question is:
>
> http://www.inspired-evolution.com/new_site/template.php


Philippe
---
Philippe Wittenbergh





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] cannot get side shadows for outer div to display right in FF

[Philippe Wittenbergh]

Bruce,
On Sep 12, 2006, at 11:23 AM, Bruce Gilbert wrote:

> I am attempting to create a CSS based page which is centered within a
> browser window and has a shadow effect on the outer div repeating  
> vertically
> down the left and right sides. I have this looking decent in IE,  
> but in
> Mozilla/FF it is really screwy looking with the shadow not fitting the
> layout (which means I am doing something wrong).

Yes :-)

Add borders on the following elements and you'll see better

#outer_div{
height: 100%;
margin-left: auto;
margin-right: auto;
width:58em;
border:1px solid lime
}

#shadow_container{
margin:0;
padding:0;
width:62em;
border:1px solid red
}

#shadow_container is much wider than #outerdiv. Things start to  
misalign from there.
Set the width of #shadow_container to 100%, and things look already  
much better.
There are other things you'll need to tweak, but you'll them once the  
above is fixed.

It 'works' in IE 6, because it is broken, and expands the width of  
boxes when the content is wider than the allocated width. Standard  
compliant browsers don't expand them (and IE 7 has fixed that bug).

>
> the URL in question is:
>
> http://www.inspired-evolution.com/new_site/template.php

Philippe
---
Philippe Wittenbergh





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] ie showing background image, but not other styles

[francky]

Gunlaug Sørtun wrote:

>Eystein Alnaes wrote:
>  
>
>>Thanks. I'm testing in XP, but still having the same problem. Does
>>this happen here too? (the full page) 
>>http://files.nho.no/rayon/site/arbeidsliv.phtml
>>
>>
>No highlighting in IE6 on win2K, because 'a:link' is the wrong status as
>IE sees it (it has already visited the page when it's loaded :-) )
>
>Changing it to...
>body#arbeidsliv #mainNav ul li.arbeidsliv a {
>...seems to cover it, and works fine on a local copy - same in IE6,
>Firefox 1.5. and Opera 9.01.
>
>Didn't check the other one, but I think it's either status or
>specificity, or both, that is the key here.
>
>   Georg
>  
>
Some other thing about your arbeidsliv page.
I noticed that @ first load and @ refresh the page has a latency time, 
and is jumping up and down (IE6 and FF1.07 and Opera8.01 under Win98SE), 
due to the javascript for the rounded corners. And I'm guessing: that 
happens too when going from one page in the site to another.
What about css styled corners/borders?
Because of the fixed width, the corners can be 2 simple background 
images (or combined to 1). Quick downloaded (once), no latency, no 
jumping, and working too if browsing with disabled javascript! :-)

Ah, and I see that with disabled js the page is missing the right blue 
margin, and has just a bit of a horizontal scrollbar: some 20px less in 
width?

Greetings,
francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

[css-d] cannot get side shadows for outer div to display right in FF

[Bruce Gilbert]

Hello,

I am attempting to create a CSS based page which is centered within a
browser window and has a shadow effect on the outer div repeating vertically
down the left and right sides. I have this looking decent in IE, but in
Mozilla/FF it is really screwy looking with the shadow not fitting the
layout (which means I am doing something wrong).

the URL in question is:

http://www.inspired-evolution.com/new_site/template.php

and the CSS can be found at:

http://www.inspired-evolution.com/new_site/main.css

thanks for any assistance




-- 
::Bruce::
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] displayproblem IE mac and win

[francky]

beat.beer wrote:

>Hi Folks
>
>in this site http://www.stardesign.ch/startup1/ueber.html
>I have a display problem in IE win and mac.
>  
>
Hi Beat,
... and in FF ... (screenshot 
)
 
!

>While in IE/WIN the  is pushed almost to the top of the  
>, in IE/Mac it is pushed at the bottom of the 
>
>this is the html [...]
>and this the CSS [...]
>
>#header {
>   background: #ff9600 url(../img/logo_orange.gif) no-repeat left bottom;
>   float: left;
>   width: 760px;
>   clear: both;
>}
>[...]
>thanks in advance
>Beat
>  
>
It seems the {height:85px;} is fallen out of the #header. ;-)
Then I think all floats in the header part can be missed; will be better 
for IE/Mac too (I hope, didn't test).
See adapted header model in this testpage 
.
IE6 and FF1.7 and Opera 8.01 can have font scaling now in the header. :-)
- The nav-bar still needs some fine tuning for upscaling in FF.

Greetings,
francky




__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] displayproblem IE mac and win

[Philippe Wittenbergh]

On Sep 12, 2006, at 4:27 AM, beat.beer wrote:

> in this site http://www.stardesign.ch/startup1/ueber.html
> I have a display problem in IE win and mac.
>
> While in IE/WIN the  is pushed almost to the top of the
> , in IE/Mac it is pushed at the bottom of the  
> 
>
> this is the html
>
> 
> startupper.ch
> 
> Preisgünstige, professionelle Angebote fuer
> Startup-Unternehmen fuer Print und Web
> 
>
> and this the CSS
>
> #header {
>   background: #ff9600 url(../img/logo_orange.gif) no-repeat left  
> bottom;
>   float: left;
>   width: 760px;
>   clear: both;
> }

As far as IE Mac goes, you have the same problem as I mentioned for  
your previous question
#header {
clear:both /* <-- remove this */

Then adjust top margin on #address (which will fix both IE Mac and IE  
win32).

Philippe
---
Philippe Wittenbergh





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] how to prevent two divs to break line?

[Roger Roelofs]

Patrick,

On Sep 11, 2006, at 6:00 PM, Patrick Aljord wrote:

> On 9/11/06, Roger Roelofs <[EMAIL PROTECTED]> wrote:
>> Without a test page, I can't be sure.  The first thing I would try is
>> to add width: 24%; to #regions.  If that doesn't work, put up a test
>> page and we'll try to give you a better answer.
> here is the page http://haztucherry.sitlib.org/

Here are some beginning suggestions.

First, think about your markup.  It is much more complicated than it 
needs to be and it has presentation mixed in to the structure.  The 
categories look like a menu to me, so I would mark it up as a list of 
links.  Something like this...


   
 Trabajos
 
  curriculum vitae crear
  domésticos crear
  ... and so on ...

   
   
 Servicios
 
  curriculum vitae crear
  domésticos crear
  ... and so on ...

   
   ... and so on ...


-  css 

#regions{
float:left;
width: 13em;
font-size : .9em;
}
#categories {
border: 4px solid;
background-color: white;
margin-left: 13.5em;
font-family: verdana, arial, helvetica, sans-serif;
font-size:   15px;
padding-top: 1.5em;
}

/* if you want to force 3 columns */
#categories li {
   float: left;
   width: 33%;
}

/* If you want a specified width with as many on a line as the window 
width can fit */
#categories li {
   float: left;
   width: 10em;
}

#categories a {
   text-aign: center;
}
#categories img {
   width: 60px;
   height: 60px;
   display: block;
   margin: 0 auto;
}
#categories li ul {
   display: none;
}
#categories li.show ul {
   display: block;
}
#categories li li {
   float: none;
}


I hope that gets you started.
-- 
Roger Roelofs
"Remember, if you’re headed in the wrong direction,
God allows U-turns!"
  ~Allison Gappa Bottke
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

[css-d] Position links on Image bugs

[Eleanor Hand]

Hello,

This is my first post to this forum so let me say thank you for  
taking the time to look at this.

I have decided to try and create a client website using CSS  
positioning as the main layout and design. Of course the learning  
curve is huge and I'm stuck. So here I am. I am having several issues  
with different browsers. They all seem to stem from positioning text  
on top of an image. Everything is working well in Safari and Firefox  
on my mac. The problem arises in IE on both the mac and the pc  
platform. IE in Mac is currently not displaying the links but if it  
were they wouldn't work as links. IE Windows is not displaying the  
links at all. I am currently working to resolve this and would  
appreciate input on whether or not this positioning issue is  
resolvable. Am I better off using roll over buttons?

The site can be viewed here:

http://www.eleanorhand.com/clients/rangeloff/index.php

http://www.eleanorhand.com/clients/rangeloff/rageloffstyles.css

Thank You,
El
spamaholic(at)earthlink.net - it's my junk email and its real
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

[css-d] My Last (I Think) IE7 Bug

[Chris Williams]

I have been testing with IE 7 and have fixed most of my issues.  But I
have found something I can't nail.  Would appreciate the wisdom of those
here.

 

If you look at my site (http://www.clwill.com 
), you will see that I use H5 headers to be a "footer" in the boxes I
draw all over the place.  There is on in the "What's New" box on the
front page, and I use them in most of the other pages in one place or
another.

 

These H5 footers in the boxes display as intended without hacks in IE5
and 6, Firefox, Safari, and anything else I have tried, except IE7 (I'm
using 7.0.5700.6).  They are truncated by a white space at the bottom of
the box.

 

I've tried conditional IE7 hacks, and can get the full text to display,
but not at the bottom of the box.  There is always this stupid white
space.

 

I'm sure it's obvious, and I'm sure it's somewhere in the Wiki pages on
IE7, but I can't find it.

 

Thanks in advance,

Chris

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Underlining across varied elements?

[Gunlaug Sørtun]

Anne E. Shroeder wrote:
> http://www.language-works.com/swimdesign/no-tables.htm

> Part of the trouble is that I'm using a  to get the second row of
>  tabs down below the first row of tabs.  Any ideas at all?

Sure, use margins and borders on existing elements, and place suitable
elements at the right place in the source-code so they'll "line up" in a
sensible way even without CSS.
No matter what: any such line-up tends to be a bit fragile.

Here's one solution that'll solve your line-up problems in a somewhat
stable way...


It isn't the requested line-up that's the problem, but what happens with
a page under stress. This is the web, and nothing is static.
Try font-resizing in any browser, and/or 'ignore font size' in IE/win.
Some may do just that even if you don't, so it may be a good thing to
know how a layout holds up.

Advice: you should clean up the source-code, and stop reusing IDs within
a page. The HTML validator will tell you that an ID should only be used
once. CLASS is for reuse.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

[css-d] I'm lost on this IE glitch, help appreciated

[Stuart Swan]

Hi List,

I've come across an error in IE, on this page
http://www.stuartswan.com/v6/index.php on the part that says 'You are
in: Home' it has a background image 400 pixels wide, in Firefox it
looks perfect and attaches to both sidebars nicely but in IE it has a
bit of padding on either side.

Page: http://www.stuartswan.com/v6/index.php

CSS: http://www.stuartswan.com/v6/css/styles.css

Any ideas, been playing about with padding etc. but can't seem to find
the problem. Thanks in advance.

Stuart
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Expanding column 3 for Layoutgala 34

[Ingo]

On Mon, 11 Sep 2006 13:23:26 +0200 Gunlaug Sørtun <[EMAIL PROTECTED]>
wrote:

Hey Francky and Gunlag,

thanks a lot for both your input!

> >> I understand fiddling mindlessly around can crash the whole design 
> >> (which I don't fully grasp yet) and it's browser compatibility,
> > Don't be afraid for trial and error, that's the way to learn! ;-)
> Indeed!

True, takes some experimentation time ;)


Gruss, Ingo
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Underlining across varied elements?

[Ann Adamcik]

- Original Message 
I've had some terrific help from people on this list with regard to rounded 
tabbing effects and I'm very grateful!  I'm now at the next stage of trying 
to get an underline to go across from label, under tabs, and all the way to 
the right hand side of the container. 

Hi Anne,

Here's a quick demo: http://www.indigopear.com/tests/underline/

-Ann




__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

[css-d] displayproblem IE mac and win

[beat.beer]

Hi Folks

in this site http://www.stardesign.ch/startup1/ueber.html
I have a display problem in IE win and mac.

While in IE/WIN the  is pushed almost to the top of the  
, in IE/Mac it is pushed at the bottom of the 

this is the html


startupper.ch

Preisgünstige, professionelle Angebote fuer  
Startup-Unternehmen fuer Print und Web


and this the CSS

#header {
background: #ff9600 url(../img/logo_orange.gif) no-repeat left bottom;
float: left;
width: 760px;
clear: both;
}

#title {
text-indent: -2000px;
font-size: 110%;
padding-top: 50px;
padding-bottom: 50px;
float: left;
margin: 0;
}

#address {
color: #33;
font-weight: bold;
font-size: 105%;
margin-left: 117px;
}



thanks in advance
Beat


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 check: squibbles

[cj]

On 9/11/06, Mike Botsko <[EMAIL PROTECTED]> wrote:
> http://www.mysquibbles.com
>
>
> For now the text size is fixed with PX, so I know I'm going to have problems 
> with text sizes.


at least if it's fixed (for now), it's large enough to read well (for
me at least)!  first, i think the site's coloring is pretty good for
the fun attitude i get the feeling you're going for.  second, this is
a pretty quick check.

- i usually browse with a window of 800x600 and the horizontal scroll
i pretty annoying.  i tried increases my size to 1024x768 and i still
got the horizontal scroll.  i'm not sure what your stance is on that,
but i would suggest trying to get rid of it at possible.

- the text color of your main content is just pale enough to hurt my
eyes after reading a few lines.

- when hovering over the tabs in your main column, i kind of expenct
the tab to change color instead of the text to be underlined.
underlined to me is for "normal" links, not tabbing ones.

- in the same token, the rest of the links on the page don't change
anything when hovered on, which is a little confusing.  are they links
or just underlined text?  (rhetorical question)

otherwise it looks pretty clean and friendly to me!  keep in mind
these are all personal opinions, so take 'em or leave 'em.  :)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

[css-d] Safari acting up with horizontal menus

[richard n]

Hi

Trying to create a simple navigation menu for my side-scrolling photo 
gallery.

I've played with dropdowns, but given up on them because they seem 
buggy (also I decided I didn't like the look of them).

Now trying  something that is hopefully a bit simpler - a 2 line 
horizontal menu. Main sections on line 1, sub sections on line 2.

I'm interested in having the menu as a SSI (I think that's what you 
call it (?) - a single linked document, rather than having the menu in 
every page).

I want an underline on the active main section and sub section - and 
the non-active subsections need to be hidden.

I want to do this with CSS.

I've got it working in FF and Opera.

But Safari gets the underlines wrong (it underlines ALL the subsection 
items).

Here's the page (which won't work in IE, for other reasons, I think):

http://www.richardnicholson.com/testing/menu/editorial.html

This is the relevant CSS:

#editorialpage #personalwork ul, #editorialpage #info ul { visibility: 
hidden;} /* hides two sub menus */
#editorialpage #commissioned {text-decoration: underline;} /* 
underlines top level menu */
#editorialpage #editorial {text-decoration: underline;} /* underlines 
sub menu */

And HTML:


Commissioned
  
Editorial
Series #1
Series #2
Annual #1
Annual #2
Contract
  

Safari underlines all the sub menu elements, not just 'editorial'.

Is this a bug in Safari? Or is there something wrong with my code (more 
than likely, as I'm new to this)? Is there a word for this type of menu 
- where CSS is controlling visibility/underlines etc?

Thanks

Richard






__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] background color issues

[~davidLaakso]

RKN Studio wrote:
> Thanks David.  That took care of the 'space' I was getting in IE 6 - I 
> appreciate the help.
>
> The background-color warning happens when I validate the CSS.  My file 
> passes validation, but warns about this div's bg-color.  In my css, I 
> have:
> ...
> div#wrap {
> width: 800px;
> margin: 10px auto;
> padding: 0;
> border: 2px solid #000;
> background-color: #c8b696;
> }
> ...
>
> But the CSS Validator was/is "warning" that I have not assigned a 
> backgroud color to div#wrap.
In reference to: 
The way I read it, w3c CSS Validation Service is "warning" that you do 
not have a *color* assigned to div#wrap:

>
> Thanks,
> Ron
>
[trimmed]
Best,
~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] application/xhtml+xml: background-color disappears!

[Dave Pierce]

Nick nicely noted:

> If you look at http://nicku.org/index.shtml you will see the body
> background-color is a light greeny colour #e5f5e9, but if you look at
> http://nicku.org/index.sxhtml in firefox 1.5.0, you will see that the
> background-color is missing.  (If you look at http://nicku.org/ you
> should get whatever your browser asks for).
>

Nick, you have another problem there too, on http://nicku.org/ 
index.sxhtml there's some content behind the other items. To view, go  
to http://www.pierceartanddesign.com/pages/testshots.html

Hope this is important...

Dave


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

[css-d] Underlining across varied elements?

[Anne E. Shroeder]

I've had some terrific help from people on this list with regard to rounded 
tabbing effects and I'm very grateful!  I'm now at the next stage of trying 
to get an underline to go across from label, under tabs, and all the way to 
the right hand side of the container. This is the current version, which 
uses a table for layout:
http://www.language-works.com/swimdesign/template-2.htm

I figured that with the table I would have difficulty in getting the line to 
work unbroken across the cells -- so I did an updated version, which uses 
CSS for layout:
 http://www.language-works.com/swimdesign/no-tables.htm (I can't seem to get 
the drop down to move over to the left!!)  -- along with a screen cap of 
what it's supposed to look like.  I've tried implementing a class to handle 
the whole area
.bottomline
{
 border-bottom: 1px solid #163A66;
 }

But no cigar. Part of the trouble is that I'm using a  to get the second 
row of tabs down below the first row of tabs.  Any ideas at all?

Anne

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

[css-d] site check: squibbles

[Mike Botsko]

http://www.mysquibbles.com


For now the text size is fixed with PX, so I know I'm going to have problems 
with text sizes. 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 check

[Cecil Ward]

RE: Site check you requested on www.theheetproject.org.uk

Hi Tim,

This is a very nice looking site. Really excellent. I took a _very brief_
look in IE7 RC1, Firefox 1.5, Opera 9, LynxViewer and a number of other
tools.

A couple of suggestions for you to consider.

1) Source order: I prefer not to have the navigation at the start of the
XHTML, and to let the real meat of the document come first. (Which you have
done for some of the secondary content already.) Nicer for accessibility and
possibly better for search engines. Shouldn't be tooo hard in this
particular case to arrange this with positioning. 

2) Conditional comments: Your IE-conditional comment if gte ie 5.5 is open
ended. I'm not sure that this is necessary for IE7 (IE8?), it might or might
not be, you probably have already looked into this. If not, I would suggest
that you take a look into this anyway and try knocking it out for IE7.
Certainly, it would be safer to limit it to IE5-6/Win unless there's some
need for it now, and it probably is not good to continue to allow hacks to
run on into future ever more compliant IE releases.

Anyway, there's certainly no obvious problem _now_ at al - it looks very
fine in IE7 RC1.

3) Links to same page. Just a personal thing, but I prefer to avoid nav
links that point to the page you're already on, and which just cause a
reload. Consider making the current entry just some text within the li. See
what you think.

I'm sure that when you get the real text in you won't have link text like
"click here".

3) I doubt it's worth bothering with meta-keywords any more.

See http://searchenginewatch.com/showPage.html?page=2165061  and
http://www.searchengineguide.com/ball/006037.html but see
http://www.seologic.com/faq/meta-keywords.php for a contrary opinion.

Very attractive.

Cecil Ward.

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] ie showing background image, but not other styles [SOLVED]

[Gunlaug Sørtun]

Eystein Alnaes wrote:
> Problem solved! And as I expected, the main problem was 50 cm in 
> front of the screen :/

:-)
Are you _that close_ to the screen..?
I can't work properly unless I am at least 130cm from the screens - all
6 of them ;-)

Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] ie showing background image, but not other styles [SOLVED]

[Eystein Alnaes]

> No highlighting in IE6 on win2K, because 'a:link' is the wrong status as
> IE sees it (it has already visited the page when it's loaded :-) )
>
> Changing it to...
> body#arbeidsliv #mainNav ul li.arbeidsliv a {
> ...seems to cover it, and works fine on a local copy - same in IE6,
> Firefox 1.5. and Opera 9.01.


Problem solved! And as I expected, the main problem was 50 cm in front of
the screen :/

-eystein
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

[css-d] styling the legend element

[Paul Collins]

Hi all,

I know CSS support for the legend element is currently minimal, but I was 
wondering if anyone has ever managed to float it left in the major browsers? In 
particular, IE5+, Firefox, Safari. 

I've got a graphic title inside which I have also floated left, was hoping I 
could override the legend element in some way and use a styling directly on 
this, but I just can't get it to float left in IE.

Here is the code sample:


 
  
  
  
  
 


If you notice any other discrepancies in the HTML, please ignore them and let's 
focus on the topic at hand!!

Also, does anybody know a good link to further information on styling the 
legend? It would be great to know what CSS attributes can be used in each 
browser.

Cheers,
Paul
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

[css-d] Fixing things in IE

[Stefan Nagtegaal]

Hi list,

I'm building a new layout around some CMS I use. Now, the ayout i  
finished, I want to fix it's appearance in IE first before going  
further and spice up some more things..
IMO the best way todo this is with the allknown conditional CSS tags  
Microsoft browsers offer for fixing the display inside their browsers.

The only problem I have is that there is some serious IE bug, which I  
do not know the name of. I hoped you guys can help me out.
Compare http://istyledthis.nl/ in IE and FireFox to see what I am  
talking about.

It looks like he background image which has been applied to the  
#wrapper is reloaded for the sidebars #left and #right. And the  
backgrounds for the #center column doesn't stretches down too, even  
when the content inside it isn't long enough to accomodate this..

I hope I'm at the right address for this..

Thank you in advance for any advise, idea's or thought on this one..


Yours sincerely,



Steef
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] displayproblem in IE Mac

[Philippe Wittenbergh]

On Sep 11, 2006, at 6:14 PM, beat.beer wrote:

> I hhave a strange displayproblem in IE Mac.
>
> My content_right is not being display a side od content_left in  
> this site
>
> http://www.stardesign.ch/startup1/angebot.html
>
> I've tired to manage it by float left and right as well as I have  
> it now.
>
> #content {
>   color: #333;
>   clear: both;
>   font-size: 95%;
>   float: left;
>   width: 100%;
>   padding-top: 15px;
>   padding-bottom: 20px;
> }

The problem comes from the 'clear:both' in that rule-block. That is a  
bug in IE Mac


Delete the 'clear:both' in that rule block, and add the following
#nav {
float:left;
width:100%
}
Then adjust margins and padding in there, and your site will work  
nicely across major browsers.


Philippe
---
Philippe Wittenbergh





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] CSS 3 Attribute selector - javascript workarounds for IE?

[Christian Heilmann]

> >I want to use the CSS-3 attribute selector to hide a certain select 
> >element - naturally, selecting elements based on their attributes is not
> >supported by IE6 and below, but I was wondering whether anyone has seen any
> >simple javascript solutions for this?
>
> This is actually a CSS 2 feature and no, there is no such solution.
> While you can easily walk the tree and associate styles as you see
> fit, such a method would probably be considerably slower, it would
> not be able to handle modifications made to the tree by scripts,
> would be difficult to apply during load of the document, and have
> other such flaws.

I'd be more interested to learn why you want to hide a form option via
CSS and not on the server side? Seems a lot safer to me.


-- 
Chris Heilmann
Book: http://www.beginningjavascript.com
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] ie showing background image, but not other styles

[~davidLaakso]

Eystein Alnaes wrote:
>> I'm using the body-id with link-class to highlight the current page, but IE
>> 
>
>   
>>> (surprise) chokes on it. Showing the backgroundimage, and font-weight,
>>>   
>> but
>> 
>>> none of the other styles. The nearest I've got to a fix was taking away
>>>   
>> all
>> 
>>> parent divs, which worked once, but not again. Are you seeing the same in
>>> IE6?
>>>
>>> The "arbeidsliv" menypoint should be highlighted simular to when on
>>>   
>> hover.
>> 
>>> I recreated the scenario here:
>>> http://files.nho.no/rayon/site/ielinktest.phtml
>>>
>>> Edit: I now see that it renders correctly on initial load, but dissapears
>>> upon refresh.
>>>
>>>   
>> Hi Eystein,
>> I clicked the refresh quite a lot, but IE6 on Win98 doesn't show any
>> error, besides the normal IE refresh flash.
>>
>> Greetings,
>> francky
>>
>>
>> 
> Thanks. I'm testing in XP, but still having the same problem. Does this
> happen here too? (the full page)
> http://files.nho.no/rayon/site/arbeidsliv.phtml
>
>   
The first time I tried it (XP) both pages loaded correctly. Neither 
showed a problem with refresh. Both failed with back button return. 
Neither page worked as intended on first load on a cleared cache.
Best,
~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] ie showing background image, but not other styles

[Gunlaug Sørtun]

Eystein Alnaes wrote:

> Thanks. I'm testing in XP, but still having the same problem. Does
> this happen here too? (the full page) 
> http://files.nho.no/rayon/site/arbeidsliv.phtml

No highlighting in IE6 on win2K, because 'a:link' is the wrong status as
IE sees it (it has already visited the page when it's loaded :-) )

Changing it to...
body#arbeidsliv #mainNav ul li.arbeidsliv a {
...seems to cover it, and works fine on a local copy - same in IE6,
Firefox 1.5. and Opera 9.01.

Didn't check the other one, but I think it's either status or
specificity, or both, that is the key here.

Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] ie showing background image, but not other styles

[Eystein Alnaes]

>I'm using the body-id with link-class to highlight the current page, but IE

> >(surprise) chokes on it. Showing the backgroundimage, and font-weight,
> but
> >none of the other styles. The nearest I've got to a fix was taking away
> all
> >parent divs, which worked once, but not again. Are you seeing the same in
> >IE6?
> >
> >The "arbeidsliv" menypoint should be highlighted simular to when on
> hover.
> >
> >I recreated the scenario here:
> >http://files.nho.no/rayon/site/ielinktest.phtml
> >
> >Edit: I now see that it renders correctly on initial load, but dissapears
> >upon refresh.
> >
> Hi Eystein,
> I clicked the refresh quite a lot, but IE6 on Win98 doesn't show any
> error, besides the normal IE refresh flash.
>
> Greetings,
> francky
>
>
Thanks. I'm testing in XP, but still having the same problem. Does this
happen here too? (the full page)
http://files.nho.no/rayon/site/arbeidsliv.phtml
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] CSS 3 Attribute selector - javascript workarounds for IE?

[Bjoern Hoehrmann]

* Smith, James wrote:
>I want to use the CSS-3 attribute selector to hide a certain select 
>element - naturally, selecting elements based on their attributes is not
>supported by IE6 and below, but I was wondering whether anyone has seen any
>simple javascript solutions for this?

This is actually a CSS 2 feature and no, there is no such solution.
While you can easily walk the tree and associate styles as you see
fit, such a method would probably be considerably slower, it would
not be able to handle modifications made to the tree by scripts,
would be difficult to apply during load of the document, and have
other such flaws.
-- 
Björn Höhrmann · mailto:[EMAIL PROTECTED] · http://bjoern.hoehrmann.de
Weinh. Str. 22 · Telefon: +49(0)621/4309674 · http://www.bjoernsworld.de
68309 Mannheim · PGP Pub. KeyID: 0xA4357E78 · http://www.websitedev.de/ 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] ie showing background image, but not other styles

[francky]

Eystein Alnaes wrote:

>I'm using the body-id with link-class to highlight the current page, but IE
>(surprise) chokes on it. Showing the backgroundimage, and font-weight, but
>none of the other styles. The nearest I've got to a fix was taking away all
>parent divs, which worked once, but not again. Are you seeing the same in
>IE6?
>
>The "arbeidsliv" menypoint should be highlighted simular to when on hover.
>
>I recreated the scenario here:
>http://files.nho.no/rayon/site/ielinktest.phtml
>
>Edit: I now see that it renders correctly on initial load, but dissapears
>upon refresh.
>
Hi Eystein,
I clicked the refresh quite a lot, but IE6 on Win98 doesn't show any 
error, besides the normal IE refresh flash.

Greetings,
francky

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

[css-d] CSS 3 Attribute selector - javascript workarounds for IE?

[Smith, James]

Hi there,

 

I want to use the CSS-3 attribute selector to hide a certain select 
element - naturally, selecting elements based on their attributes is not
supported by IE6 and below, but I was wondering whether anyone has seen any
simple javascript solutions for this?

 

(I am unable to add a class/ID to the option elements - they are pumped out
automatically from an XML-based CRM system over which I have no control)

 

- The following works great in FF etc:



#dropdown option[value="3"]{

display:none;

}





  --

  Text

  HTML

  Multipart



-- 

 

Any help much appreciated!

 

James




-
IMPORTANT: The sender intends that this electronic message is for
exclusive use by the person to whom it is addressed. This message
may contain information that is confidential or privileged and
exempt from disclosure under applicable law. If the reader of this
message is not an intended recipient, be aware that any disclosure,
dissemination, distribution or copying of this communication, or
the use of its contents, is prohibited. If you have received this
message in error, please immediately notify the sender of your
inadvertent receipt and delete this message from all data storage
systems. Thank you.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Expanding column 3 for Layoutgala 34

[Gunlaug Sørtun]

>> [...]I played around with 
>> http://blog.html.it/layoutgala/LayoutGala34.html

>> I understand fiddling mindlessly around can crash the whole design 
>> (which I don't fully grasp yet) and it's browser compatibility,
>> 
> 
> Don't be afraid for trial and error, that's the way to learn! ;-)

Indeed!
Just take it slow and test well, as many layouts can't take much
"abuse" or options in browsers. The one you're playing with is no
exception, but it isn't a problematic one.

> Yes, the hint is: try the "faux column" technique.

> .

And in case you prefer a non-image "faux column", this variant may give
you some ideas to play around with...

Some changes made throughout the CSS, but basically the same HTML as in
the original LG34.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

[css-d] ie showing background image, but not other styles

[Eystein Alnaes]

I'm using the body-id with link-class to highlight the current page, but IE
(surprise) chokes on it. Showing the backgroundimage, and font-weight, but
none of the other styles. The nearest I've got to a fix was taking away all
parent divs, which worked once, but not again. Are you seeing the same in
IE6?

The "arbeidsliv" menypoint should be highlighted simular to when on hover.

I recreated the scenario here:
http://files.nho.no/rayon/site/ielinktest.phtml

Edit: I now see that it renders correctly on initial load, but dissapears
upon refresh.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Expanding column 3 for Layoutgala 34

[francky]

Ingo wrote:

>Hi list,
>
>I am a CSS newbie, 
>
Hi Ingo,
Welcome to the list! Now we have at least 2 Ingo's from .de. :-)

>and rely a bit on example frameworks found on the
>net. I played around with
>
>http://blog.html.it/layoutgala/LayoutGala34.html
>
>of Alessandro Fulcinitis LayoutGala, and like it a lot. I would like to
>expand column 3 (the orange "extras") down to the footer, though.
>Regardless how much content in it, the background shouldn't shine
>through.
>
>I understand fiddling mindlessly around can crash the whole design
>(which I don't fully grasp yet) and it's browser compatibility, 
>
Don't be afraid for trial and error, that's the way to learn! ;-)

>thus I ask: Any hints?
>
>Regards, Ingo
>
Yes, the hint is: try the "faux column" technique. It paints a 
background image behind the whole left column, just like it was a 
background color.
And see: a testpage 
.

Greetings,
francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

[css-d] IE5 problem with menus

[Nick Urbanik]

Dear Folks,

The menus here: http://camwest.pps.com.au/ jump about in IE5, but
these menus: http://nicku.org/ seem to work fine in IE5.

I wrote both, basing the html and css on the code in
http://www.tanfa.co.uk/css/examples/menu/vs7.asp.

Can anyone suggest why http://nicku.org/ works and
http://camwest.pps.com.au/ doesn't?

Note that I tried http://camwest.pps.com.au/ in IE5.5, IE6, Firefox
1.5.0, Konqueror 3.x, Opera 9, and it seems to work fine there.
--
Nick Urbanik   RHCE http://nicku.org[EMAIL PROTECTED]
GPG: 7FFA CDC7+5A77 0558 DC7A 790A 16DF EC5B BB9D 2C24 ID: BB9D2C24


pgpih4S40i6vK.pgp
Description: PGP signature
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

[css-d] displayproblem in IE Mac

[beat.beer]

Hi Folks

I hhave a strange displayproblem in IE Mac.

My content_right is not being display a side od content_left in this  
site


http://www.stardesign.ch/startup1/angebot.html

I've tired to manage it by float left and right as well as I have it  
now.


#content {
color: #333;
clear: both;
font-size: 95%;
float: left;
width: 100%;
padding-top: 15px;
padding-bottom: 20px;
}

#content_left {
float: left;
width: 445px;
margin: 0;
padding-left: 15px;
}

#content_right {
width: 240px;
margin-left: 495px;



thanks a lot
Beat

--

stardesign
Beat Beer
untere Kirchenzelg 5
3115 Gerzensee
Switzerland





phone: ++41 31 781 4620
mobile: ++41 79 325 1448
mail: [EMAIL PROTECTED]
web: www.stardesign.ch


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

[css-d] Expanding column 3 for Layoutgala 34

[Ingo]

Hi list,

I am a CSS newbie, and rely a bit on example frameworks found on the
net. I played around with

http://blog.html.it/layoutgala/LayoutGala34.html

of Alessandro Fulcinitis LayoutGala, and like it a lot. I would like to
expand column 3 (the orange "extras") down to the footer, though.
Regardless how much content in it, the background shouldn't shine
through.

I understand fiddling mindlessly around can crash the whole design
(which I don't fully grasp yet) and it's browser compatibility, thus I
ask: Any hints?


Regards, Ingo
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Wiki Updated - IE on Linux

[francky]

Erik Visser wrote:

>Felix Miata wrote:
>  
>
>>It's now easy to test for yourself using IE on Linux.
>>Screenshot: http://mrmazda.no-ip.com/SS/kde-IE6.gif
>>
>>
>gives a 404
>
Felix'directory says: there is a
kde-IE6a.gif 
and a kde-IE6b.gif .
:-)

francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/