Re: [css-d] Horizontal Nav Bar and IE6

[David Laakso]

John Sutton wrote:
> Hello!
>
> Forgive me for reposting this question, but it seems to have been lost in
> the fray. I'm really curious about the behavior of the top navbar in IE6 and
> Opera of the following site. Firefox and IE7 don't seem to have issues.
>
> http://www/tenhenstudio.com
>
>
>
> John Sutton
>
>
>   

I am not able to reproduce the behavior you wrote about. Or your 
eyesight is far better than mine.
 
The page looks the same now as the last time you wrote: with the site 
viewed in Mac OS X 10.4.11 and Firefox/3.0.4 and Opera/9.52 adjacent to 
each other I see no difference in the pages -- with the exception of the 
E-mail page -- where the content in the rounded corner box is not 
rendering the same as in FF. This may or may not be due to the 27 markup 
validation errors on the E-mail page.

In XP with Opera/9.60, IE/6.0, and IE/7.0 adjacent to each other I see 
no significant difference among the pages of the site, either- -- other 
than Opera may not be recovering from the markup errors on the E-mail 
page as mentioned above.


-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
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] Layout help

[David Laakso]

Tim Wolak wrote:
> Morning all,
>
> Also one of my pages has a back line on it and for the life of me I 
> can't figure out where its coming from and its in every browser except IE.
>
> Thanks,
> Tim
>
> 
> Page with line: http://dev.howsmykiddriving.org/aboutus.php
>
>
>


I think it may be a collapsing-margin [1] issue (if so, IE is saved by 
its own stupid stupidity).
Try:
#wrapper {
border: 1px solid fuchsia; <:: 4 position only (delete it)
padding-top:1px; <-- :: add this
background:url(/images/bgsmall_03.jpg);
background-repeat:repeat;
position:relative;
}

[1] 


-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
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] Layout help

[David Laakso]

Tim Wolak wrote:
> Morning all,
>
> I tried what David has suggested and its still letting the page 
> stretch way out. Any ideas?  Also one of my pages has a back line on 
> it and for the life of me I can't figure out where its coming from and 
> its in every browser except IE.
>
> Thanks,
> Tim
>
> Main: http://dev.howsmykiddriving.org
> Page with line: http://dev.howsmykiddriving.org/aboutus.php
>
>
> Then assign a min-width and max-width to that id. IE/6 does not
> support min/max. There are a number of workarounds, including
> ie-expessions and min/max javascript (Google for same).
> BTW, I got a 404 on the About page. Don't forget to validate the
> html and css.
>
>
>


In your CSS file you wrote:
pagewrap {
min-width: 680px;
max-width: 900px;
}
Change it to:
#pagewrap {
min-width: 680px;
max-width: 900px;
}

And adjust the widths of the content to meet expectation without content 
cross-over overlap at 680 and 900.
__
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] help with image replacement for H1 tags in IE6

[Debbie Campbell]

I'm using the Levin image replacement method as shown in #9 in this 
review of techniques:

> http://css-tricks.com/nine-techniques-for-css-image-replacement/

Working fine everywhere but IE6 in my page:

> http://www.redkitecreative.com/projects/hixon/

I've been looking at this and looking around for other ideas, but can 
someone either point out my error or suggest a technique? My background 
images are not transparent.

The issue with the footer background is separate and something I'm 
working on now.

-- 
Debbie
[EMAIL PROTECTED]
__
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] FF gap between head and body

[Gunlaug Sørtun]

Jody Levinson wrote:
> Here's the page: http://pathwayalerts.com/home/pathway-test
> 
> In IE (for a change) it looks right. But in FF there's a gap between 
> the head block and the content block where the blue background shows 
> through.

Add something like...
#content{padding: 1px 0;}
...to contain the vertical margins on its content.

See:


IE is "saved" by its 'hasLayout' bug, and doesn't have margin-top
defaults on paragraphs anyway.

regards
Georg
-- 
http://www.gunlaug.no
__
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] FF gap between head and body

[Jody Levinson]

Here's the page: http://pathwayalerts.com/home/pathway-test

In IE (for a change) it looks right. But in FF there's a gap between  
the head block and the content block where the blue background shows  
through. The CSS green lights. Both the content and head blocks have a  
large background image.

Ideas?

Thanks and happy Thanksgiving to those of you in the US

Jody

--
TroutDream Graphics, Inc.
Always fresh. Never canned.
http://troutdream.com
425-883-8277
928-833-8277 fax

__
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] downloading old browsers to test on

[Gunlaug Sørtun]

Anne McKinsey wrote:
> How are all of you able to test on older browsers?

IETester works quite well actually, and covers IE8 beta 2, IE7, IE6 and
IE5.5...



regards
Georg
-- 
http://www.gunlaug.no
__
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] IE 6 nav issue

[Ambient Glow]

Still trying to work out the wonks on the navigation for this page in IE6:

http://ambientglow.com/garage/jfogg/sample-home.html
css: http://ambientglow.com/garage/jfogg/_css/home.css
menu css: 
http://ambientglow.com/garage/jfogg/SpryAssets/SpryMenuBarHorizontal.css

The menu bar appears outside of the footer div which contains it, and
the style below is not recognized -- instead the font displays as
black.

ul.MenuBarHorizontal a
{
display: block;
cursor: pointer;
color: #EBEBEB;
text-decoration: none;
}
__
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] Newbie Resolve IE sizes to othe

[Gunlaug Sørtun]

tony wrote:

> Coming new to HTML & CSS in my ignorance I had thought layout and 
> content was the major concern.

Content is important. Layout should carry content without getting in the
way ... too much.

> With your 'gentle' proddings I now realise that understanding the 
> limitations of CSS and exploiting its opportunities are key to good 
> web sites.

Actually, there are only two real limitations with CSS:
- our ability to grasp how the various parts actually work.
- non-supportive and buggy browsers.

...and yes, we are very gentle...
 :-)

> So I'm a slow learner, back to drawing board,  but I'm getting there 
> - with a little help along the way perhaps.

Any time. We didn't get to where we are (wherever that is) over night
you know, and learning how to work _with_ browsers instead of against
them, takes time - years for most. Some never will learn it ... or they
can't afford to.

regards
Georg
-- 
http://www.gunlaug.no
__
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] downloading old browsers to test on

[Anne McKinsey]

On Nov 26, 2008, at 11:53 AM, Jack Timmons wrote:

> On Wed, Nov 26, 2008 at 10:47 AM, Anne McKinsey  
> <[EMAIL PROTECTED]> wrote:
>> How are all of you able to test on older browsers? I am unable to
>> download older IE versions -- I get a message that because there is a
>> newer version installed on my pc it will not let me install 6 and
>> earlier.
>>
>> Thanks much.
>>
>>  From a newbie,
>>
>> Anne
>
> Anne,
>
> A bit OT, but to answer your question:
>
> http://tredosoft.com/Multiple_IE
>
> That works best for me. Condition comments work correctly, also, which
> was a problem with some other versions.
>
> -Jack
>
> -- 
> -Jack Timmons
> http://www.trotlc.com


Thanks everyone for your suggestions. I had used browsershots and  
wondered if there was an easier way; I'll try Multiple IE.

Thanks again,

Anne

__
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] downloading old browsers to test on

[Jack Timmons]

On Wed, Nov 26, 2008 at 10:47 AM, Anne McKinsey <[EMAIL PROTECTED]> wrote:
> How are all of you able to test on older browsers? I am unable to
> download older IE versions -- I get a message that because there is a
> newer version installed on my pc it will not let me install 6 and
> earlier.
>
> Thanks much.
>
>  From a newbie,
>
> Anne

Anne,

A bit OT, but to answer your question:

http://tredosoft.com/Multiple_IE

That works best for me. Condition comments work correctly, also, which
was a problem with some other versions.

-Jack

-- 
-Jack Timmons
http://www.trotlc.com
__
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] downloading old browsers to test on

[Anne McKinsey]

How are all of you able to test on older browsers? I am unable to  
download older IE versions -- I get a message that because there is a  
newer version installed on my pc it will not let me install 6 and  
earlier.

Thanks much.

 From a newbie,

Anne
__
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] Newbie Resolve IE sizes to othe

[tony]

Georg/David,

Thanks for your responses. My starting out objective was liquid (within
limits) width. Each layout conflict resulted in loss of liquid width until
this iteration when I gave up on liquid width. 
Coming new to HTML & CSS in my ignorance I had thought layout and content
was the major concern. 
With your 'gentle' proddings I now realise that understanding the
limitations of CSS and exploiting its opportunities are key to good web
sites. 
So I'm a slow learner, back to drawing board,  but I'm getting there - with
a little help along the way perhaps.
Tony
__
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] IE6/7 CSS problem with Jquery, NBC like menu

[Ted Lee]

I'm working on a drop down menu that resembles what you would see at  
nbc.com. I'm using Jquery events to trigger hidden divs that contain  
the submenu. This is working as expected in Ff and Safari, but in IE6  
& IE7, my submenus are shifting leftward instead of being positioned  
absolutely. Self contained code and example are located here:

http://dl.getdropbox.com/u/21984/navigation.html

Does anybody have any idea on how to fix this in IE6/7? I thought it  
sounded like the absolute positioning in a relative container bug, but  
the height: 1% fix didn't fix anything.

Thanks in advance -
Ted
__
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] Horizontal Nav Bar and IE6

[John Sutton]

Hello!

Forgive me for reposting this question, but it seems to have been lost in
the fray. I'm really curious about the behavior of the top navbar in IE6 and
Opera of the following site. Firefox and IE7 don't seem to have issues.

http://www/tenhenstudio.com

In IE6 the navbar renders as it should on the 'home' link, but at all the
other links the horizontal bar drops down a pixel or two.

In Opera, the issue manifests on all the links, including the 'home' link.

I've been wrestling with this for days and I'm stumped. Could it be the
google analytics code gumming up the javascript in spry? Just a thought.

I built the menu with spry thinking that at some point in the future I might
need some drop down links on these top level links. I'm open to better ways
of doing this.

Thank you so much.


John Sutton


__
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] Layout help

[Tim Wolak]

Morning all,

I tried what David has suggested and its still letting the page stretch way
out. Any ideas?  Also one of my pages has a back line on it and for the life
of me I can't figure out where its coming from and its in every browser
except IE.

Thanks,
Tim

Main: http://dev.howsmykiddriving.org
Page with line: http://dev.howsmykiddriving.org/aboutus.php


> Then assign a min-width and max-width to that id. IE/6 does not support
> min/max. There are a number of workarounds, including ie-expessions and
> min/max javascript (Google for same).
> BTW, I got a 404 on the About page. Don't forget to validate the html and
> css.
>
>
> --
>
> A thin red line and a salmon-color ampersand forthcoming.
>
> http://chelseacreekstudio.com/
>
>
__
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] how do I get the under the div?

[Sandy]

Gunlaug Sørtun wrote:
> Sandy wrote:
> 
>> ... the  is still off to the side
> 
> 
>> http://www.cantoraccess.com/AAA-epsilon/services/xaccessibility.html
>>
> Try adding 'float: left;'
> 
> Georg

Georg - that did it!

thanks a million,
Sandy
__
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] how do I get the under the div?

[Sandy]

> That helped a great deal. I'm 78% colorblind and was actually having a 
> hard time seeing the hrs unless my monitor was tilted just right. I 
> didn't mean to imply there was anything wrong with the footer -- it was 
> the only hr I could see. ;-)
> 
> Setting display:inline-block as David suggested fixes the hr on my 
> Firefox/Ubuntu system, but now Chrome/XP and IE7/XP are having trouble. 
> I'll have a look at it in the morning and see if there's something to be 
> done about it.
> 
> --Bill
> 

Bill - I am going to mention your problem seeing hrs to my client. Given 
that he specializes in making things easier for people with disabilities 
he should really know!

on the other hand, they do create a big space that opens up the 
different sections, even if you can't see them. I think. Do you think so?


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