Re: [css-d] horizontal nav not placing correctly

[Daniel Hammond]

| > URL: www.objectivedesigns.com/amittius/index.htm
| > CSS: www.objectivedesigns.com/amittius/index.css
| >
| > I've tested it in (all WinXP) FF3, IE7, IE6, Opera 9.5, and Safari  
| > 3. They
| > all display the navigation correctly except Safari. I want the nav  
| > buttons
| > to touch the bottom of the nav area, but they don't quite 
| go to the  
| > bottom
| > in Safari. I also haven't tested this on a Mac, so if anyone could  
| > do that
| > for me, that would be great (thanks in advance). What's 
| more pressing,
| > though, is why does Safari display it incorrectly while all 
| the others
| > display it correctly?
| 
| Adding
| #nav a, #nav strong {vertical-align:bottom}
| should level off the differences.
| 
| Incidentally, Gecko1.8.1/Fx 2 has no support of display:inline-block;
| 
| Philippe


Alright, I added {vertical-align:bottom}. Does this help any of you Mac
users see it better where it was messing up before?

Daniel

__
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] Positioning PHP buttons

[Hayden's Harness Attachment]

If you go to:

http://www.choroideremia.org/new/crf_header.php

With Firefox 3.0. You get a page that I would like to see in every browser. If 
you downarrow twice everything moves over and I get my Font switcher buttons at 
the very top left of the screen. I am trying to move them to underneath the 
curve graphic. The CSS is:

switch {
color: Black;
background-color: Silver;
display: block;
font-size: 1.8em;
text-align: center;
left: 200px;
position: absolute;
}

Any ideas on how to get my PHP buttons to align under my curve graphic?

HTML http://www.choroideremia.org/new/crf_header.php

CSS http://www.choroideremia.org/css/layout.css
http://www.choroideremia.org/css/layout_medium.css éé default
http://www.choroideremia.org/css/layout_large.css
http://www.choroideremia.org/css/layout_small.css

Angus MacKinnon
Infoforce Services
http://www.infoforce-services.com

"Faith is the strength by which a shattered world shall emerge into
the light." - Helen Keller

__
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] (no subject)

[Hayden's Harness Attachment]

If you go to:

http://www.choroideremia.org/new/crf_header.php

With Firefox 3.0. You get a page that I would like to see in every browser. If 
you downarrow twice everything moves over and I get my Font switcher buttons at 
the very top left of the screen. I am trying to move them to underneath the 
curve graphic. The CSS is:

switch {
color: Black;
background-color: Silver;
display: block;
font-size: 1.8em;
text-align: center;
left: 200px;
position: absolute;
}

Any ideas on how to get my PHP buttons to align under my curve graphic?

HTML http://www.choroideremia.org/new/crf_header.php

CSS http://www.choroideremia.org/css/layout.css
http://www.choroideremia.org/css/layout_medium.css éé default
http://www.choroideremia.org/css/layout_large.css
http://www.choroideremia.org/css/layout_small.css

Angus MacKinnon
Infoforce Services
http://www.infoforce-services.com

"Faith is the strength by which a shattered world shall emerge into
the light." - Helen Keller

__
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] CSS: Tabs allign differently in IE7 than Firefox??

[Heidi Hackler]

Thanks to some of you for help w/ my previous tabs question -- for  
the most part, I have them working correctly now.

However padding is still not working in my .tabsON class??? I used  
borders for now, not good, I know... any ideas?

Also, all tabs align fine in Firefox and Safari -- but tabs don't  
align correctly in IE7 -- does anyone know an IE hack to fix this?

site is here: 

CSS is here: 

thanks much!

-- Heidi 

Heidi Hackler
[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] horizontal nav not placing correctly

[Philippe Wittenbergh]

On Jul 8, 2008, at 12:47 PM, Daniel Hammond wrote:

> URL: www.objectivedesigns.com/amittius/index.htm
> CSS: www.objectivedesigns.com/amittius/index.css
>
> I've tested it in (all WinXP) FF3, IE7, IE6, Opera 9.5, and Safari  
> 3. They
> all display the navigation correctly except Safari. I want the nav  
> buttons
> to touch the bottom of the nav area, but they don't quite go to the  
> bottom
> in Safari. I also haven't tested this on a Mac, so if anyone could  
> do that
> for me, that would be great (thanks in advance). What's more pressing,
> though, is why does Safari display it incorrectly while all the others
> display it correctly?

On OS X 10.5.4, both Safari 3.1.x and latest WebKit nighty build  
display the same thing as Gecko 1.9 (Fx 3).

That said, the contents of each li is set to 'display:inline-block'.  
Safari (v2) had many issues with the vertical alignment of an inline- 
block (in short: br0ken), and even the latest builds have some issues.

Adding
#nav a, #nav strong {vertical-align:bottom}
should level off the differences.

Incidentally, Gecko1.8.1/Fx 2 has no support of display:inline-block;

Philippe
---
Philippe Wittenbergh
http://l-c-n.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] horizontal nav not placing correctly

[Bill Guion]

At 9:47 PM -0400 7/8/08, David Laakso wrote:

>Daniel Hammond wrote:
>>| >URL: http://www.objectivedesigns.com/amittius/index.htm
>>| >CSS: www.objectivedesigns.com/amittius/index.css
>>| >
>>| Daniel,
>>| | I looked at your site in Firefox on a Mac. The nav buttons 
>>(Home, | Link 2, etc.) extend below the bottom of the nav area in 
>>my display. | This isn't obvious unless you put the cursor on one 
>>of the link | buttons. When the button background turns brown, you 
>>can see that the | bottom of the button extends below the nav area.
>>| | I then looked at it in Safari, and the nav buttons extend just 
>>to the | bottom of the nav area, they do NOT extend below.
>>| | Bill
>>
>>
>>Does anyone know how I might fix this problem?
>>
>>Thanks,
>>Daniel
>>
>>
>
>I am not able to reproduce this behavior in Mac OS X 10.4.11 on a 
>reload or with font-scaling in:
>Safari/3.1.1
>Opera/9.51
>Camino/1.6.1
>Firefox/3.0
>
>What Mac OS, and what version of Mac Firefox, is the problem seen 
>in? (not that I could fix if I knew, btw)
>
>
>--
>http://chelseacreekstudio.com/

I am using Mac OS 10.4.11, Firefox 2.0.0.12, and Safari 3.1.2

  -= Bill =-
-- 

Hindsight is an exact science.
   

__
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] horizontal nav not placing correctly

[David Laakso]

Daniel Hammond wrote:
> | >URL: http://www.objectivedesigns.com/amittius/index.htm
> | >CSS: www.objectivedesigns.com/amittius/index.css
> | >
> | Daniel,
> | 
> | I looked at your site in Firefox on a Mac. The nav buttons (Home, 
> | Link 2, etc.) extend below the bottom of the nav area in my display. 
> | This isn't obvious unless you put the cursor on one of the link 
> | buttons. When the button background turns brown, you can see that the 
> | bottom of the button extends below the nav area.
> | 
> | I then looked at it in Safari, and the nav buttons extend just to the 
> | bottom of the nav area, they do NOT extend below.
> | 
> | Bill
>
>
> Does anyone know how I might fix this problem?
>
> Thanks,
> Daniel
>
>   

I am not able to reproduce this behavior in Mac OS X 10.4.11 on a reload or 
with font-scaling in:
Safari/3.1.1
Opera/9.51
Camino/1.6.1
Firefox/3.0

What Mac OS, and what version of Mac Firefox, is the problem seen in? (not that 
I could fix if I knew, btw) 



-- 
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] horizontal nav not placing correctly

[Daniel Hammond]

| >URL: http://www.objectivedesigns.com/amittius/index.htm
| >CSS: www.objectivedesigns.com/amittius/index.css
| >
| Daniel,
| 
| I looked at your site in Firefox on a Mac. The nav buttons (Home, 
| Link 2, etc.) extend below the bottom of the nav area in my display. 
| This isn't obvious unless you put the cursor on one of the link 
| buttons. When the button background turns brown, you can see that the 
| bottom of the button extends below the nav area.
| 
| I then looked at it in Safari, and the nav buttons extend just to the 
| bottom of the nav area, they do NOT extend below.
| 
| Bill


Does anyone know how I might fix this problem?

Thanks,
Daniel

__
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 not placing correctly

[Bill Guion]

At 1:17 AM -0500 7/8/08, [EMAIL PROTECTED] wrote:

>Message: 18
>Date: Mon, 7 Jul 2008 23:47:20 -0400
>From: "Daniel Hammond" <[EMAIL PROTECTED]>
>Subject: [css-d] horizontal nav not placing correctly
>To: 
>Message-ID: <[EMAIL PROTECTED]>
>Content-Type: text/plain;  charset="us-ascii"
>
>URL: http://www.objectivedesigns.com/amittius/index.htm
>CSS: www.objectivedesigns.com/amittius/index.css
>
>I've tested it in (all WinXP) FF3, IE7, IE6, Opera 9.5, and Safari 3. They
>all display the navigation correctly except Safari. I want the nav buttons
>to touch the bottom of the nav area, but they don't quite go to the bottom
>in Safari. I also haven't tested this on a Mac, so if anyone could do that
>for me, that would be great (thanks in advance). What's more pressing,
>though, is why does Safari display it incorrectly while all the others
>display it correctly?
>
>Thanks,
>
>Daniel Hammond
>2227 Dunseath Avenue
>Atlanta, GA 30318
>770-842-8817
>www.objectivedesigns.com

Daniel,

I looked at your site in Firefox on a Mac. The nav buttons (Home, 
Link 2, etc.) extend below the bottom of the nav area in my display. 
This isn't obvious unless you put the cursor on one of the link 
buttons. When the button background turns brown, you can see that the 
bottom of the button extends below the nav area.

I then looked at it in Safari, and the nav buttons extend just to the 
bottom of the nav area, they do NOT extend below.

Sorry.

  -= Bill =-
-- 

"Things are more like they are now than they ever were before." 
-Former U.S. President Dwight D. Eisenhower
   

__
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] help with gap in IE6

[Bill Brown]

Webmaster wrote:
> URL: http://www.tusculum.edu/adult/ndblue.html CSS:
> http://www.tusculum.edu/css/ndblue.css
> 
> I've got a problem with IE6 I cannot solve. There's a gap at the top
> of the page that I need to fix, and I don't know if the problem lies
> in the markup for the DIV or in the size of the image or if it is
> something else. If you visit the page in IE6, you'll immediately see
> the problem. The background image seems to clip out and the
> background color comes through.  I've been able to solve a few other
> problems with the page, but I need to bother the list for help with
> this. I'm in over my head :) I appreciate any help anyone can
> provide. Thanks.

Hi Travis,

It seems you must have a span being generated by javascript within the
#before-top-links block (perhaps for IE lte 6 only). Try changing your
 to a  inside that block and see if that doesn't clear things
up for you.

Something like this:
#before-top-links div {
background-image:url(/css/images/gps/before-top-bg-corner-blue24.png);
background-position:top right;
background-repeat:no-repeat;
}

Another option would be to set a class/id on the nested  helper
element and reference it in the style sheet by class or id.

Hope it helps.
--Bill


-- 
/**
 * Bill Brown
 * TheHolierGrail.com & MacNimble.com
 * From dot concept...to dot com...since 1999.
 ***/
__
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] horizontal nav not placing correctly

[David Laakso]

Daniel Hammond wrote:
> |
> | > URL: www.objectivedesigns.com/amittius/index.htm
> | > CSS: www.objectivedesigns.com/amittius/index.css
> | > 
> | > why does Safari display it incorrectly while all 
> | the others
> | > display it correctly?
> | 
>
>
> Now could anyone please test it on a mac, just
> to make sure it's working well there, too?
>
> Daniel
>
>
>   



Mac OS X 10.4.11

Good to go.

Safari/3.1.1
Opera/9.51
Camino/1.6.1
Firefox/3.0

-- 
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] help with gap in IE6

[Ingo Chao]

Webmaster wrote:
> URL: http://www.tusculum.edu/adult/ndblue.html
> CSS: http://www.tusculum.edu/css/ndblue.css
> 
> I've got a problem with IE6 I cannot solve. There's a gap at the top of the 
> page that I need to fix, and I don't know if the problem lies in the markup 
> for the DIV or in the size of the image or if it is something else. If you 
> visit the page in IE6, you'll immediately see the problem. The background 
> image seems to clip out and the background color comes through.  I've been 
> able to solve a few other problems with the page, but I need to bother the 
> list for help with this. I'm in over my head :) I appreciate any help anyone 
> can provide. Thanks.
> 
> --
> Travis Crabtree
> Webmaster
> Tusculum College
> phone: 423.636.7300 ext. 5132
> fax: 423.636.7492
> email: [EMAIL PROTECTED]
> __

I see lots of problems in the head section. One of it is the mangled 
logo, the other one is the repeated right top curve of the orange image.

Do these things still happen if you remove the pngfix js for testing?

Ingo


-- 
http://www.satzansatz.de/css.html
http://www.dolphinsback.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] Why is my img padding & margin collapsing in IE?

[David Laakso]

Karl Bedingfield wrote:
> I guess I must have another style somewhere overriding this one. Would
> that be likely?
>
>
> Karl
>
> 2008/7/8 David Laakso <[EMAIL PROTECTED]>:
>   
>> Karl Bedingfield wrote:
>> 
>>> I have the following styles for my images but in IE 6 & 7 the padding
>>> & margin collapses. Any idea why this is happening and any suggested
>>> fixes?
>>>
>>>   
>> Please clarify. Based on the snippet of code [1] provided there is no
>> difference among IE/6, IE/7, and compliant browsers.
>> [1] 
>> Best,
>> Dylan Thomas
>>
>> 



Anything is possible. I am not good at guessing or reading a "crystal 
ball." Put the site on a public server and provide a clickable link to 
it in your post to the list.

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

[css-d] help with gap in IE6

[Webmaster]

URL: http://www.tusculum.edu/adult/ndblue.html
CSS: http://www.tusculum.edu/css/ndblue.css

I've got a problem with IE6 I cannot solve. There's a gap at the top of the 
page that I need to fix, and I don't know if the problem lies in the markup for 
the DIV or in the size of the image or if it is something else. If you visit 
the page in IE6, you'll immediately see the problem. The background image seems 
to clip out and the background color comes through.  I've been able to solve a 
few other problems with the page, but I need to bother the list for help with 
this. I'm in over my head :) I appreciate any help anyone can provide. Thanks.

--
Travis Crabtree
Webmaster
Tusculum College
phone: 423.636.7300 ext. 5132
fax: 423.636.7492
email: [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] horizontal nav not placing correctly

[Daniel Hammond]

| Daniel Hammond wrote:
| > URL: www.objectivedesigns.com/amittius/index.htm
| > CSS: www.objectivedesigns.com/amittius/index.css
| > 
| > why does Safari display it incorrectly while all 
| the others
| > display it correctly?
| 
| Hi Daniel--
| 
| Try this:
| #nav {
|   font-family: "Trebuchet MS";
|   margin: 0;
|   padding: 0;
|   width: 750px;
| /*height: 28px; REMOVE */
|   background: #886;
|   font-size: 13px;
|   font-weight: bold;
|   color: #fff;
|   text-align: center;
|   }
| #nav a, #nav strong {
|   display:inline-block; /* ADD */
|   padding: 2px 25px 3px 25px;
|   border: 1px solid #eee;
|   border-bottom: 0;
|   color: #fff;
|   text-decoration: none;
|   position: relative;
|   }
| 
| That should work for all browsers with your current code. 
| Safari wasn't
| the only one incidentally...Firefox 3/Ubuntu was showing it 
| the same as
| Safari...with the extra spacing produced from the height 
| setting on your
| #nav element.
| 
| Hope it helps.
| --Bill


Thanks Bill. That did help. Now could anyone please test it on a mac, just
to make sure it's working well there, too? Thanks much.

Daniel

__
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] Why is my img padding & margin collapsing in IE?

[Felix Miata]

On 2008/07/08 20:49 (GMT+0100) Karl Bedingfield apparently typed:

> The other strange thing I have is in IE6/7 my text size is
> considerably larger than in Mozilla. I use this:

>   body {
>   background: #00718c url(../images/bodyBG.gif);
>   background-repeat: repeat-x;
>   color: #404040;
>   font-family: Verdana, sans-serif;
>   font-size: small;

Do you use a modern laptop? They often come with "large fonts" set in the
advanced section of display settings. That redefines IE's default 12pt size
from 16px to 20px. If answer is yes, you should change your FF default to
20px to match IE if you want things to look the same in both.

Check this out too: http://tekrider.net/html/fontsize.php
-- 
"Do not let the sun go down while you are still angry."
Ephesians 4:26 NIV

 Team OS/2 ** Reg. Linux User #211409

Felix Miata  ***  http://fm.no-ip.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] EM based layout issue between Firefox and Safari on Mac

[Jason Campbell]

I am trying to establish a foundation for an em based layout and I am  
seeing some discrepancies between Firefox 2 and Safari 3.1.2 on the  
mac that I had not noticed before.
My example file I am referencing is available at 
http://www.jasoncampbell.com/CSS

I have a simple setup here in this example. I have set the font-size  
for the body of my document to 62.5% my understanding is that by doing  
this I am, in effect, setting a base font size of roughly ten pixels.  
I then have a content div on the page with a width set to 98em which I  
am hoping in this case equates to a 980px wide area. In this div I  
have a bg image of 980px set.

When I view the page in Firefox 2 everything is wonderful, full image,  
etcetera. However in Safari 3.1.2 to see the full bg image I have to  
increase the base font-size to 71.5%

Is this right? I thought this was something that worked in both of  
these browsers, any insight is appreciated.
J.
__
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] Why is my img padding & margin collapsing in IE?

[Karl Bedingfield]

Hi David,

Thanks for the reply.

I guess I must have another style somewhere overriding this one. Would
that be likely?

The other strange thing I have is in IE6/7 my text size is
considerably larger than in Mozilla. I use this:

body {
background: #00718c url(../images/bodyBG.gif);
background-repeat: repeat-x;
color: #404040;
font-family: Verdana, sans-serif;
font-size: small;
margin: 0;
padding: 0;
text-align: center;
}

Thanks for your time.
Karl

2008/7/8 David Laakso <[EMAIL PROTECTED]>:
> Karl Bedingfield wrote:
>>
>> I have the following styles for my images but in IE 6 & 7 the padding
>> & margin collapses. Any idea why this is happening and any suggested
>> fixes?
>>
>
>
> Please clarify. Based on the snippet of code [1] provided there is no
> difference among IE/6, IE/7, and compliant browsers.
> [1] 
> Best,
> Dylan Thomas
>
> --
> http://chelseacreekstudio.com/
>
>



-- 
Regards
Karl Bedingfield
__
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] IE7 drop down menu woes

[Tim Offenstein]

>Tim Offenstein wrote:
>>  My thanks to Bill for his help unfortunately nothing has changed it
>>  yet. The submenus are still showing up blank on the second mouseover.
>>  I'm hoping for more suggestions.
>>
>>  Tedd Sperling has a similar menu system that works okay
>>  (sperling.com/examples/menuh) so I'm going to dissect it in the hopes
>>  of discovering why mine's misbehaving.
>>
>>  -Tim
>
>Tim,
>
>I have no idea what's going on in your menu. It certainly seems to be
>CSS related, but I can't isolate the cause.
>
>In my attempts to replicate and quarantine the offending code, I wound
>up writing a new CSS menu from scratch that you're welcome to use if you
>like. You can find it here:
>http://www.theholiergrail.com/tests/cssmenu/index.html
>
>...and I've included the source in this email which can be found
>immediately proceeding my rather ostentatious signature.
>

Many, many thanks to Bill - again - for all your help. I'll give this 
a try (along with Tedd Sperling's example) at my earliest and let you 
know how I fare. You guys are all great!

Cheers,

-Tim

-- 
<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>
Tim Offenstein  ***  Campus Accessibility Liaison  ***  (217) 244-2700
 CITES Departmental Services  ***  www.uiuc.edu/goto/offenstein

__
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] Why is my img padding & margin collapsing in IE?

[David Laakso]

Karl Bedingfield wrote:
> I have the following styles for my images but in IE 6 & 7 the padding
> & margin collapses. Any idea why this is happening and any suggested
> fixes?
>   


Please clarify. Based on the snippet of code [1] provided there is no 
difference among IE/6, IE/7, and compliant browsers.
[1] 
Best,
Dylan Thomas

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

[css-d] Why is my img padding & margin collapsing in IE?

[Karl Bedingfield]

Hi all,

I have the following styles for my images but in IE 6 & 7 the padding
& margin collapses. Any idea why this is happening and any suggested
fixes?

#content img {
background-color: transparent;
border:2px solid #c5c2a8;
clear: left;
float: right;
margin: 5px 0 5px 10px;
padding: 3px;
position: relative;
}

#content a:hover img {
padding: 3px;
text-align: center;
border:2px solid #000;
}

Thank you for your time
-- 
Regards
Karl
__
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] Same style but different bg behaviour

[Bobby Jack]

Your "display: inline" is (at least) partly responsible - can you explain why 
you're setting this?

FYI, the Firebug Firefox extension is excellent for debugging this kind of 
thing in seconds.

- Bobby


--- On Tue, 7/8/08, Kim Brooks Wei <[EMAIL PROTECTED]> wrote:

> From: Kim Brooks Wei <[EMAIL PROTECTED]>
> Subject: [css-d] Same style but different bg behaviour
> To: "CSS Discuss" 
> Date: Tuesday, July 8, 2008, 4:21 PM
> Hi People,
> 
> Can someone help me out with this? I have two content divs
> sharing 
> the same basic style info:: #main and #mainctr. #main
> functions 
> correctly and drops a white background into my text area.
> #mainctr 
> should do the same thing, but doesn't - the bg stays
> black. I can't 
> find my error.
> 
> White bg at http://blackboxarts.com
> No white bg at http://blackboxarts.com/media
> 
> -- 
> This email sent by
> Kimi Wei
> http://thewei.com
> 201-475-1854
> __
> 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-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] MS abandons IE8 - False

[Alan Gresley]

Alan Gresley wrote:
> Hello list.
> 
> Can anyone please confirm that what I read here is correct about 
> Microsoft abandoning IE8 development for Firefox 3.
[...]
> Alan

Hello list.

The offlist emails roll in. :-)

It's late night here in Oz (I'm sleepy) and I see this story (satire). I 
am so glad to be corrected and have my ignorance of BBspot shown.

Sorry for spamming the list with this nonsense. :-/


Alan
__
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] Same style but different bg behaviour

[Kim Brooks Wei]

Hi People,

Can someone help me out with this? I have two content divs sharing 
the same basic style info:: #main and #mainctr. #main functions 
correctly and drops a white background into my text area. #mainctr 
should do the same thing, but doesn't - the bg stays black. I can't 
find my error.

White bg at http://blackboxarts.com
No white bg at http://blackboxarts.com/media

-- 
This email sent by
Kimi Wei
http://thewei.com
201-475-1854
__
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] MS abandons IE8 for development for FF3?

[Krystian - Sunlust]

"Firefox 3 has the 'AwesomeBar,' you can't seriously expect to compete
with that, can you?"

Ballmer said that Firefox 3.0 will be the standard browser included
with Windows 7 installations along and will replace Internet Explorer
7 on Windows Vista SP2. "We've been looking for something to try to
salvage Vista, and this could be it," said Ballmer."

Lol, love the article, thanks for the share.

-- 
Krystian - Sunlust - I-M-A:
Freelancer on the side: http://sunlust.net
Full time Website Designer: http://smesolutions.co.uk/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Off Topic: MS abandons IE8 for development for FF3?

[Christian Kirchhoff]

 From their website: "BBspot produces a variety of features like fake 
news stories"

Regards,

Christian
*Directmedia Publishing GmbH* · Möckernstraße 68 · 10965 Berlin
www.digitale-bibliothek.de
AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737
Geschäftsführer: Ralf Szymanski


Alan Gresley schrieb:
> Hello list.
>
> Can anyone please confirm that what I read here is correct about 
> Microsoft abandoning IE8 development for Firefox 3.
>
>
> http://www.bbspot.com/News/2008/06/microsoft-abandons-internet-explorer-8.html
>
>
> Is this for real.
>
>
> Alan
> __
> 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-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] MS abandons IE8 for development for FF3?

[Rick den Haan]

Alan Gresley wrote:
> Can anyone please confirm that what I read here is correct
> about Microsoft abandoning IE8 development for Firefox 3.
> 
> 
>
http://www.bbspot.com/News/2008/06/microsoft-abandons-internet-explorer-8.ht
ml

Heheh, thanks for the laugh :)

Just in case you were serious: no, it's not true.

Cheers,
Rick.

__
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] MS abandons IE8 for development for FF3?

[Christian Heilmann]

Alan Gresley wrote:
> Hello list.
>
> Can anyone please confirm that what I read here is correct about 
> Microsoft abandoning IE8 development for Firefox 3.
>
>
> http://www.bbspot.com/News/2008/06/microsoft-abandons-internet-explorer-8.html
>
>
> Is this for real.
>
>   
Yes, it is. I just met the Yeti whilst waiting for some UFOs to land and 
he confirmed the whole story.

* might contain irony/sarcasm, much like the bbspot article
** tip: something that contains "f-ing sucks" as an official Microsoft 
employee statement is good to take with a grain of salt - or a truckload 
in this case

__
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] MS abandons IE8 for development for FF3?

[Alan Gresley]

Hello list.

Can anyone please confirm that what I read here is correct about 
Microsoft abandoning IE8 development for Firefox 3.


http://www.bbspot.com/News/2008/06/microsoft-abandons-internet-explorer-8.html


Is this for real.


Alan
__
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] IE7 drop down menu woes

[Alan Gresley]

Bill Brown wrote:
> david wrote:
>> Hello,
>>
>> On behalf of many list members I thank you for your inspiring input into
>> this topic.
>>
>> However, I personally have two problems with this theory:
>>
>> 1) If this holds true, there will be no more menu discussions on this
>> list. Why I hear you ask, simple I reply this is a CSS list not a
>> JavaScript list!
>>
>> 2) I have been informed by many, well informed people that many web
>> users actually have JavaScript turned off!
>>
>> DG)
> 
> Hi David,
> 
> Thanks for your feedback. In reply:
> 
> 1) You'll note my use of "my" and "I and "philosophy" (not being snide
> here...just making a point). These words were chosen explicitly because
> I believe we have the choice of which tools to employ to solve certain
> problems. Some people like Flash. I hate it. Some people think Java is
> tops. I can't stand it. To each his own. I was expressing my own view on
> the topic and why, as a result, I wouldn't be integrating the CSS menu
> into theholiergrail (a site I developed and maintain). Additionally,
> you'll note that not only did I make no argument /against/ the provision
> of such CSS-only solutions, I provided one.


Hello Bill,

Your example uses the old way of hiding submenus with display:none. 
Before you frown on CSS please consider that CSS driven drop down menus 
can do things that not even the best script writers could achieve. I 
started creating a menu last year and now it does things that no script 
could ever achieve. This is keyboard accessibly in 95% of browsers (all 
done with CSS).

http://css-class.com/articles/ursidae/bears5ddh-kbaccess.htm


When IE6 disappears over the horizon in the future the CSS hovering 
functionality of this menu system will reach almost 100% of browsers usage.


[...]
> --Bill


Please take your JS solutions to another list since you have a lot to 
learn about CSS.


Alan

http://css-class.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] "Kapok" method for three-column liquid layout

[hansbkk]

Here's a (new?) variation on using negative margins to get a
three-column layout - I've used the example HTML from A List Apart's
article by Alan Pearce:

http://alistapart.com/articles/multicolumnlayouts

for comparison's sake, but note the CSS layout method is quite
different, using padding on an inner wrapper div within the center,
rather than borders.

  (sidenote - I'm curious why Pearce's layout didn't make it into the
Wiki at http://css-discuss.incutio.com/?page=CssLayouts ?)
-

Three questions:

Do you see a problem with using this method as the basis for a fully
fleshed-out three-column layout?

Have you seen it used as such before, and if so, can you point to
further examples or information on the technique? (side note, if not,
I christen it the "Kapok" method since it uses padding )

 and (especially if your answers to the above two are no)

Can you point to "tried and true" three-column layout techniques
robust enough for a CMS-driven site where users are contributing
unpredictable content that may disrupt a fragile layout?
-

I've set the code up in three stages like a howto, so that newbies can
easily see the logic behind it.

Stage 1:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">

3 columns, liquid center

body{
margin:0;
padding:0;
}
#container{
background-color:#0ff;
float:left;
width:100%;
display:inline; /* So IE plays nice */
}
#leftRail{
background-color:gray;
float:left;
width:150px;
position:relative;
 height:300px;
}
#center{
background-color:yellow;
float:left;
width:100%;
 height:300px;
}
#rightRail{
background-color:green;
float:right;
width:200px;
position:relative;
 height:300px;
}





  Center Column Content

Left Rail
Right Rail



-

Stage 2:

add:

#articles{
 padding:0 200px 0 150px;
}
-

Stage 3:

add:

 margin-right:-100%;

to the ruleset for the #center div
-

Here's my explanation for how the negative margin works, please let me
know if I'm off base:

By setting a negative margin equal to the width, the float rules act
as if this div has no width at all, allowing the following floated
boxes to overlap it.


Thanks for your time and attention, and hope someone finds this
helpful, or at least interesting. . .
__
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] Centering content - new user

[David Laakso]

Brian Gilbert wrote:
> Thank you for your very welcomed input.  You don¹t by any chance have a good
> method for creating a drop shadow for the main content div26 do you?
>
> Regards,
> Brian
>
>
>   
>>> I'm creating a website at the moment and have put the rough pages up on
>>> http://www.nctd.com.au/
>>>
>>>
>>>   



Name stuff whatever you like,  but isn't calling the very 1st division 
to open and the last division close /div26/ a little confusing?
Fwiw, on the example I put up it's called #page:


You could make a small shadow image with photoshop. Position it in the 
css as a background-image [1] at the bottom and repeating on the y-axis 
of div26.
[1]

You could instead create a drop shadow on the division using css (no 
image needed).
This is an example [2] of same by Stu Nicholls
[2]


PS
For a lot of reasons please reply to the list, as well as me. Writing 
your reply /below/ the person to whom you reply is appreciated.

-- 
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] IE7 drop down menu woes

[Bill Brown]

david wrote:
> Hello,
> 
> On behalf of many list members I thank you for your inspiring input into
> this topic.
> 
> However, I personally have two problems with this theory:
> 
> 1) If this holds true, there will be no more menu discussions on this
> list. Why I hear you ask, simple I reply this is a CSS list not a
> JavaScript list!
> 
> 2) I have been informed by many, well informed people that many web
> users actually have JavaScript turned off!
> 
> DG)

Hi David,

Thanks for your feedback. In reply:

1) You'll note my use of "my" and "I and "philosophy" (not being snide
here...just making a point). These words were chosen explicitly because
I believe we have the choice of which tools to employ to solve certain
problems. Some people like Flash. I hate it. Some people think Java is
tops. I can't stand it. To each his own. I was expressing my own view on
the topic and why, as a result, I wouldn't be integrating the CSS menu
into theholiergrail (a site I developed and maintain). Additionally,
you'll note that not only did I make no argument /against/ the provision
of such CSS-only solutions, I provided one.

2) I'd be interested to know how these results were gathered and where I
could get a hold of them. I've made this claim for a while now (based on
word-of-mouth) in support of Unobtrusive Javascript and Progressive
Enhancement but have not found a source on the web which provides a
reliable and comprehensive analysis of what users DO and DO NOT
generally have installed and/or enabled on their computers.

Anyway, thanks again for writing and for sharing your points.
--Bill



-- 
/**
 * Bill Brown
 * TheHolierGrail.com & MacNimble.com
 * From dot concept...to dot com...since 1999.
 ***/
__
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/