Re: [css-d] 3-column glitch - Holy Grail layout

[Don Hinshaw]

Gunlaug Sørtun wrote:
> 
> CSS sure is fun at times ;-)
> 

Yes, and some get their kicks from racing down hills at 80mph ;-O
Thanks for the help Georg and Al...some layouts seem like they are just 
not meant to be.

Don

__
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] font problem in IE, maybe

[Donna Jones]

> Almost. The text at the bottom of your color swatch gifs is so tiny and
> low in contrast I can't tell what it's there for without a magnifier or
> halving my screen resolution.

oh, i thought you were talking about the list in the content, but i see 
you're talking about the list for the menu.  sorry you find it so tiny, 
but it doesn't really matter very much if one doesn't get what its there 
for.

>>>Somehow I don't think those list items are displaying the way you intended.
>>>http://mrmazda.no-ip.com/SS/donnj1.jpg

> The reason for their existence isn't apparent to me.  Only the top two
> have enough color contrast between the black text and the gif color.
> http://juicystudio.com/services/colourcontrast.php#result

interesting and glad to have that link, i'd had one before but it was 
lost in my bookmarks morass.  according to that though, the top three 
are okay and the bottom one isn't off but that much, and i do think the 
fact that they're bolded helps.

the whole bit is supposed to look like a "paint strip" that you might 
pick up at a hardware store.  if anyone has done much painting, i think 
they would recognize it.

cheers
Donna


-- 
Donna Jones
Portland, Maine
207 772 0266
http://www.westendwebs.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] font problem in IE, maybe

[Felix Miata]

Donna Jones wrote:

> Felix Miata wrote:
 
> > Switch your body {font-size: 1em;} to body {font-size: 100%;} and IE
> > font sizes should behave:
> > http://css-discuss.incutio.com/?page=UsingEms
> > http://mrmazda.no-ip.com/auth/IE/IE6FontInherit.html
 
> okay, i'll do that.  i was remembering the deal with putting the body
> {font-size: 101%; } and couldn't remember what that was about.  then i
> shouldn't have to adjust the font sizes anywhere else?

Almost. The text at the bottom of your color swatch gifs is so tiny and
low in contrast I can't tell what it's there for without a magnifier or
halving my screen resolution.
 
> > Somehow I don't think those list items are displaying the way you intended.
> > http://mrmazda.no-ip.com/SS/donnj1.jpg
 
> thanks for the screen shot, always appreciated.  but they look fine to
> me - maybe i'm missing what you're trying to point out to me?

The reason for their existence isn't apparent to me.  Only the top two
have enough color contrast between the black text and the gif color.
http://juicystudio.com/services/colourcontrast.php#result

I would probably use a wide border around the the gifs the same color as
for #maincontent, use that same color as a background color for the text
laid over those gifs, lose their white top borders, center the text
vertically over those gifs, make each the same height, and just use CSS
instead of the gifs. Or something. I'm not sure.
-- 
"Love your neighbor as yourself."Mark 12:31 NIV

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

Felix Miata  ***  http://mrmazda.no-ip.com/auth/

__
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] font problem in IE, maybe

[Donna Jones]

> Switch your body {font-size: 1em;} to body {font-size: 100%;} and IE
> font sizes should behave:
> http://css-discuss.incutio.com/?page=UsingEms
> http://mrmazda.no-ip.com/auth/IE/IE6FontInherit.html

okay, i'll do that.  i was remembering the deal with putting the body 
{font-size: 101%; } and couldn't remember what that was about.  then i 
shouldn't have to adjust the font sizes anywhere else?


> Somehow I don't think those list items are displaying the way you
> intended.
> http://mrmazda.no-ip.com/SS/donnj1.jpg

thanks for the screen shot, always appreciated.  but they look fine to 
me - maybe i'm missing what you're trying to point out to me?

cheers
Donna


-- 
Donna Jones
Portland, Maine
207 772 0266
http://www.westendwebs.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] Site Check

[francky]

[EMAIL PROTECTED] wrote:

>>francky wrote:
>>[...]A background-position of 50% 0 in the #bordwrap instead of 0 0 can help.
>>
>Thanks - that fixed it.  Any ideas about the menu items stacking?  It 
>only happens in FF and other compliant browsers.  Basically if you just 
>keep clicking links from the navigation, eventually the top nav links 
>start wrapping around.  A refresh of the page will fix it so there isn't 
>anything on the page forcing the wrap.  It is also noticable if you 
>resize the text.  If you don't refresh the page, the stacking stays and 
>eventually all the links will stack up vertically.  I haven't figured 
>out a solution.
>
You're welcome. - Haven't time for analysing now the menu stacking, but 
perhaps some ideas:
- if nothing on the page is forcing the wrap, maybe there is something 
prohibiting the stretch!

- first fix the errors indicated by the html-validator; there are 8 
errors now, you never know what happens when fixed (as FF is punishing 
wrong html more than IE).

- then see if the css-validator has remarks (now impossible because of 
the html-errors).

- #nav li { list-style-image: url('none'); } refers to an unexisting 
image called 'none'. Better is: #nav li { list-style-image: none; }. I'm 
not sure, but can imagine that somehow FF is looking for it when 
resizing on-the-fly, and stops rendering if not found.

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] MultiLeveled CSS - solution found - thanks

[Abyss - Information]

i found a solution

http://www.cssplay.co.uk/menus/dropdown.html

if anyone is interested

Regards,
Abyss

ps if anyone has a better one please email me
__
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] 3-column glitch - Holy Grail layout

[Gunlaug Sørtun]

Don Hinshaw wrote:
> The only thing I see that I don't like is that the select menu shoots
>  out over the right column in FF/Win.

> http://tinyurl.com/ajor7

> Is there some way to make #maincontent expand to accomodate the menu 
> as it does in IE? I like the name, though ;-)

Add 'new block formatting contex' at the right places..?

I don't know how many browsers/versions that'll play nice with this, but
the additions below make Firefox 1.5+ and Opera 8.5+ doing a better job
than IE.

#wrap {
width: auto;
margin: 0;
position: relative;
float: left; /* added for Firefox */
}

html:first-child>body #wrap {
display: table; /* added for non-Gecko */
}

#main {
width: auto;
margin: 0 200px;
display: table; /* added for all good browsers */
}

Warning: The hack in the middle above is complete nonsense. Wouldn't
work in Firefox without it though.

CSS sure is fun at times ;-)

regards
Georg

[1]http://www.w3.org/TR/CSS21/visuren.html#q15
-- 
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] 3-column glitch - Holy Grail layout

[Al Sparber]

From: "Don Hinshaw" <[EMAIL PROTECTED]>


> Al Sparber wrote:
>
>> Try this for size. It's got that PVII stability pragmatic thing 
>> going for it :-)
>>
>> http://www.projectseven.com/tutorials/css/holy-gruel/juanpercent.htm
>>
>
> Hi Al,
> The only thing I see that I don't like is that the select menu 
> shoots out over the right column in FF/Win.
> http://tinyurl.com/ajor7
>
> Is there some way to make #maincontent expand to accomodate the menu 
> as it does in IE? I like the name, though ;-)

You need to adjust the min-width and the min-width expression and live 
with a very wide layout. The other option, of course, is to place the 
select menu in a page spanning element and not in one of the columns.

http://www.projectseven.com/tutorials/css/holy-gruel/juanpercent-don.htm


-- 
Al Sparber
PVII
http://www.projectseven.com

"Designing with CSS is sometimes like barreling down a crumbling 
mountain road at 90 miles per hour secure in the knowledge that 
repairs are scheduled for next Tuesday".





__
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] MultiLeveled CSS based Drop down menu

[Abyss - Information]

Hi all,

Does anyone know where I can find an XHTML multileveled CSS drop down menu?

Regards
Abyss
www.abyss.ws
__
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

[[EMAIL PROTECTED]]

francky wrote:

> tedd wrote:
>
>> Your text zoom levels are great -- everything holds very well. 
>> Drop-down works well.
>> However, the background brick has gotten worse. I can now see bricks 
>> moving in both directions at the same time. Well actually, the blue 
>> bricks are adapting to the browser window while the pink bricks 
>> remain stationary, but it looks like they are moving different 
>> directions.
>>
>> tedd
>> Safari 2.0.3
>>
> Same phenomenon (when changing window-width) in the 
> Mozilla-browser-family and Opera.
> A background-position of 50% 0 in the #bordwrap instead of 0 0 can help.
>
> francky
>
>
Thanks - that fixed it.  Any ideas about the menu items stacking?  It 
only happens in FF and other compliant browsers.  Basically if you just 
keep clicking links from the navigation, eventually the top nav links 
start wrapping around.  A refresh of the page will fix it so there isn't 
anything on the page forcing the wrap.  It is also noticable if you 
resize the text.  If you don't refresh the page, the stacking stays and 
eventually all the links will stack up vertically.  I haven't figured 
out a solution. 

-- 
Gretchen

__
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] 3-column glitch - Holy Grail layout

[Don Hinshaw]

Al Sparber wrote:

> Try this for size. It's got that PVII stability pragmatic thing going 
> for it :-)
> 
> http://www.projectseven.com/tutorials/css/holy-gruel/juanpercent.htm
> 

Hi Al,
The only thing I see that I don't like is that the select menu shoots 
out over the right column in FF/Win.
http://tinyurl.com/ajor7

Is there some way to make #maincontent expand to accomodate the menu as 
it does in IE? I like the name, though ;-)

Thanks,
Don

__
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] vertical alignment of photo boxes - repost

[Trish Meyer]

Hi all,

I've fiddled with the gallery boxes at



I now have them all the same width and height, so at least they don't 
jiggle around and fill odd spaces when you resize the browser window 
(the way they did when they were all different heights).

I also fixed a bug in Explorer on Windows where the floated boxes 
would draw behind and below the right sidebar column. The fix was to 
enclose all the photoboxes in another div called #photogallery.

??? If anyone can tell me how to align the div.photoboxes so that 
they are either centered or aligned bottom with each other, I'd love 
to know!

My CSS now looks like below (full CSS is at 
)

  /* *** styling for photoboxes *** */
div#photogallery { /* wraps around all photoboxes */
width: 95%;
position: relative;
}

div.photobox {
float: left;
margin: 5px 15px 5px 0px;
background-color: #FF;
width: 240px;
height: 290px;
border: 0px solid silver;
text-align: center;
padding-bottom: 6px;
  }
div.photobox img {
border: 1px solid #577199;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 4px;
}


Thanks,
Trish


-- 

--
Trish Meyer, Webmaster
VIVA Gallery
The Valley Institute of Visual Arts
http://www.vivagallery.org
Email: [EMAIL PROTECTED]

__
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

[francky]

tedd wrote:

>Your text zoom levels are great -- everything holds very well. 
>Drop-down works well.
>However, the background brick has gotten worse. I can now see bricks 
>moving in both directions at the same time. Well actually, the blue 
>bricks are adapting to the browser window while the pink bricks 
>remain stationary, but it looks like they are moving different 
>directions.
>
>tedd
>Safari 2.0.3
>
Same phenomenon (when changing window-width) in the 
Mozilla-browser-family and Opera.
A background-position of 50% 0 in the #bordwrap instead of 0 0 can help.

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] font problem in IE, maybe

[Felix Miata]

Donna Jones wrote Mon, 13 Feb 2006 20:20:47 -0500:
 
> i recently added this http://www.wholehomeresource.com/interiors.htm ,
> and updated, the code for the site in general.
 
> there has been one report of the font-size being very very small (i
> think they're probably using IE6).  no other complaints and things seem
> fine on my PC browsers and the client is on a Mac w/ Safari and i've
> done various shots at browsercam, all okay.
 
> i've called the font in the body at 1em and gone from there.  i've read
> about the problems that IE has with font sizing sometimes, but i had
> thought it was a "all or nothing" problem - meaning i would see it on my
> IE if it was a problem.  can it just sort of "come and go".  what should
> i have used to assure it wouldn't be a problem, assuming it is something
> in my writing.

Switch your body {font-size: 1em;} to body {font-size: 100%;} and IE
font sizes should behave:
http://css-discuss.incutio.com/?page=UsingEms
http://mrmazda.no-ip.com/auth/IE/IE6FontInherit.html

Somehow I don't think those list items are displaying the way you
intended.
http://mrmazda.no-ip.com/SS/donnj1.jpg
-- 
"Love your neighbor as yourself."Mark 12:31 NIV

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

Felix Miata  ***  http://mrmazda.no-ip.com/auth/

__
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] font problem in IE, maybe

[Donna Jones]

hi everyone:

i recently added this http://www.wholehomeresource.com/interiors.htm , 
and updated, the code for the site in general.

there has been one report of the font-size being very very small (i 
think they're probably using IE6).  no other complaints and things seem 
fine on my PC browsers and the client is on a Mac w/ Safari and i've 
done various shots at browsercam, all okay.

i've called the font in the body at 1em and gone from there.  i've read 
about the problems that IE has with font sizing sometimes, but i had 
thought it was a "all or nothing" problem - meaning i would see it on my 
IE if it was a problem.  can it just sort of "come and go".  what should 
i have used to assure it wouldn't be a problem, assuming it is something 
in my writing.

thanks very much.
Donna


-- 
Donna Jones
Portland, Maine
207 772 0266
http://www.westendwebs.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] 3-column glitch - Holy Grail layout

[Al Sparber]

Don Hinshaw wrote:
> In the ALA layout IE goes all crazy when there is a wide select 
> menu,
> and FF/Windows allows the menu to slide under the right column.
> What I would like is for the center column to never get any narrower
> than any fixed-width content and throw up a horizontal scrollbar
> instead. Here is my test with the ALA layout: 
> http://tinyurl.com/capkk
>
> I would sure appreciate any thoughts or references that might get me
> going in the right direction. The solution is so obvious if one used 
> a
> single table!


Try this for size. It's got that PVII stability pragmatic thing going 
for it :-)

http://www.projectseven.com/tutorials/css/holy-gruel/juanpercent.htm

-- 
Al Sparber
PVII
http://www.projectseven.com

"Designing with CSS is sometimes like barreling down a crumbling
mountain road at 90 miles per hour secure in the knowledge that 
repairs
are scheduled for next Tuesday".




__
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] Opera adds space

[Andrew Gregory]

On Tue, 14 Feb 2006 05:29:07 +0800, Amy Johnson <[EMAIL PROTECTED]>  
wrote:

> I am having problems with Opera adding unwelcome space between my header  
> and my main body (which has 3 floating columns).  I have gotten to where  
> I am by using the css-discuss archives heavily.  But I can't figure out  
> what's upwith Opera.  It seem to not be able to use the "margin-top:  
> -100px;" that I use for my "mainwrap DIV".  Setting TOP and PADDING also  
> seems to not help.
>
> The page is http://www.rocky-hills.com/sample/gofigure/index.html
> The CSS is http://www.rocky-hills.com/sample/gofigure/style.css

I added a border to #header which showed it was extending down to the top  
of #mainwrap. Then I noticed the display:table in #header. I changed that  
to display:block and removed the margin-top:-100px from #mainwrap. That  
looks much better.

-- 
Andrew Gregory, mailto:[EMAIL PROTECTED] >
http://www.scss.com.au/family/andrew/ >
__
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] Bullets in IE

[Vicki Stebbins]

At 05:18 PM 13/02/2006, Gunlaug Sørtun wrote:
>Vicki Stebbins wrote:
> > I've going in circles trying to figure why IE is putting bullets in
> > the li on this page http://www.4wdnsw-act.org.au/test_gallery.php
>
> > Hope someone can see a really quick thing that I'm obviously doing
> > wrong.
>
>One solution that'll work - add...
>
>#gallery div ul li {float: left;}
>
>...since there will be no bullets on floats.
>
>regards
> Georg
>--
Hi Georg,

WORKED!!!

Many thanks and not in a million years would I have thought of that one.

Regards
8-)
Vicki 

__
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] 3-column glitch - Holy Grail layout

[Don Hinshaw]

Hello listers,
I've been trying to solve a 3-column problem and thought the recent ALA 
layout might do it. In a nutshell here are my requirements:
*middle column needs to be flexible, right and left can be fixed width
*pages have a header and footer
*I have no control over the content in the middle column (even the markup)

The problem with all the layouts I have tried usually hinges on elements 
that are extra-wide in the center column: select menus, URLs, text 
fields, etc. Often the center column will drop down below the others (in 
IE in particular).

In the ALA layout IE goes all crazy when there is a wide select menu, 
and FF/Windows allows the menu to slide under the right column.
What I would like is for the center column to never get any narrower 
than any fixed-width content and throw up a horizontal scrollbar instead.
Here is my test with the ALA layout: http://tinyurl.com/capkk

I would sure appreciate any thoughts or references that might get me 
going in the right direction. The solution is so obvious if one used a 
single table!

Thanks,
Don Hinshaw
__
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] Opera adds space

[Amy Johnson]

Sorry, I got the link wrong.  The browsercam views are located at:
 
http://www.browsercam.com/public.aspx?proj_id=228117
 
PREVIOUS MSG FOLLOWS=
I am having problems with Opera adding unwelcome space between my header and
my main body (which has 3 floating columns). I have gotten to where I am by
using the css-discuss archives heavily. But I can't figure out what's up
with Opera. It seem to not be able to use the "margin-top: -100px;" that I
use for my "mainwrap DIV". Setting TOP and PADDING also seems to not help. 

The page is  
http://www.rocky-hills.com/sample/gofigure/index.html

The CSS is  
http://www.rocky-hills.com/sample/gofigure/style.css

You can see the browsercam captures at:

 
http://www.browsercam.com/view.aspx?proj_id=228117

(It also appears that the new Beta IE on XP is going to cause me problems.)

Thanks for any help!

Amy

 

__
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] two column layout overflow problem

[Gunlaug Sørtun]

Mik F wrote:
> getting a bit of 'code blindness' trying to resolve something, 
> coupled with the fact that I can't remembr which bits I've already 
> attempted to tweak.

Comes as no surprise, as styles overrides - and sometimes duplicate -
other styles everywhere. I can't make it work either - unless I delete
most of your styles first.

> two links should show the obvious problem; can anyone point out the 
> obvious to me?

> http://www.gallerykitchendesign.co.uk/dev/index.html 
> http://www.gallerykitchendesign.co.uk/dev/index2.html

Problem:
The use of 'absolute positioning' for large parts of complex pages is
destined to fail. 'AP' gives you a number of independent containers,
with little or no control over how containers interact and adjust to
each other.

Note especially that 'float' and 'AP' won't work together on the same
element, as 'AP' will always win and 'float' is ignored. You can't make
clear work below 'AP'-elements either.

Solution:
Start all over again with clean stylesheets, and avoid the use
of 'absolute positioning' for anything but very small pieces - and only
when all major parts of your layout are rendering _together_ as you want
them to.

You can probably use the same source-code, but validate it first and
clean up those few errors found in there.

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/

Re: [css-d] two column layout overflow problem

[David Laakso]

Mik F wrote:

>Folks,
>getting a bit of 'code blindness' trying to resolve something, coupled
>with the fact that I can't remembr which bits I've already attempted
>to tweak.
>two links should show the obvious problem; can anyone point out the
>obvious to me?
>http://www.gallerykitchendesign.co.uk/dev/index.html
>http://www.gallerykitchendesign.co.uk/dev/index2.html
>
>Many thanks,
>Mik
>
I didn't look at the code, but I guess you may not want to assign a 
height to the outermost container? Let the content determine the height 
of the page. This will prevent the content from shooting out the bottom, 
and over the footer, on zoom. You might create a /faux/ column for the 
sidebar.
See any column longest (faux col) in the wiki:-- 
http://css-discuss.incutio.com/
HTH.
~davidLaakso
__
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] hybrid layout, wide table (IE6)

[Brett Leber]

Ingo,

This is great! Your additions seem to replicate the desired rendering. 
These should work for the actual web project I'm working on as I've 
tried to make my test case a simplified version of the same structure.

For conditional comments, do you think I should target IE6+ with these 
additions? Out of curiosity, does IE7b2 render the table similarly to 
IE6 (ie, off the screen) without your two additions?

Lastly, how did you know that 'flow:left' and 'zoom:1' would do the 
trick? I vaguely remember the redundant but effective 'zoom:1' being 
mentioned in an article. Is either or both documented elsewhere?

Thanks again!

Brett

PS - Hopefully I've replied to the list properly. I now see how time can 
be switched if I reply to the message that appears /before/ the one from 
css-d.

Ingo Chao wrote:
> Brett Leber wrote:
>> Example 1: http://www.andrew.cmu.edu/user/bleber/css/table_test1.html
>> Example 2: http://www.andrew.cmu.edu/user/bleber/css/table_test2.html
>>
>> The innermost table contains many cells in a single row longer than most 
>> browser widths. To display it in the current page, I've used a container 
>> div with overflow:scroll, and a width of 100%. When this table appears 
>> within the divs alone, the overflow works correctly--the table is no 
>> larger than the current browser (viewport) width, and scroll bars appear 
>> [example 1]. When this table appears within a table used for page 
>> layout, however, the width of the container div stretches to show the 
>> entire table, past the viewport's boundaries, producing a horizontal 
>> scroll bar in the browser [example 2]. 
>> How can I make example 2 display like example 1?
> 
> for
>   http://www.andrew.cmu.edu/user/bleber/css/styles.css
> 
> add
> 
>   #preview {... float:left; }
>   #contents {...  zoom: 1;}
> 
> and hide these from other browsers.
> Works here for IE6 + IE7b2.
> 
> /*<>*/
> 
> Brett, and the one or other who might read this:
> 
>please use /bottom/ posting on this list.
> 
> For those who read the digest, or those who just try to read and answer 
> more than one post per evening, it becomes nearly impossible to read 
> when the flow of the time is switched more than once per digest.  ;)
> 
> 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] Header graphic causing excessive space above body text in Explorer

[Gunlaug Sørtun]

Anthony L wrote:
> I have a two-column liquid layout with a header and footer. The 
> columns are floated and defined with a 70% / 30% width.

IE/win doesn't like that... :-) see below.

> i have an image in the h1 element in the header which overflows into 
> the primary content area. I've achieved this by using padding on the 
> h1.

Problem:
IE6 (and older versions) will expand the header until h1 fits inside.

Solution - make h1 appear smaller by adding...

#header h1 {
margin-bottom: -100px;
position: relative;
}

... which pulls up the bottom of the h1 so IE won't react on it.
Note also that the 'position: relative' is needed so the overshooting
part of h1 remains visible in IE/win.

> It looks fine in Firefox on both Mac and Windows. But in IE 6 on 
> windows the text in the primary content area is pushed down. I assume
>  the problem is to do with the padding, but I'm not sure how to fix 
> it.
> 
> 

Problem:
IE does has calculation-bugs, so primaryContent width: 65% +
padding-right: 5% + navigation width: 30% will result in more than 100%,
thus primaryContent gets pushed below navigation in order to fit.

Solution:

#primaryContent{
margin-right: 5%; <-- delete this
}

...as a margin isn't needed between those two floats, as they are
floated in opposite directions. The empty area between those floats
gives IE/win some space to put its bugs in ;-)

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] Opera adds space

[Amy Johnson]

I am having problems with Opera adding unwelcome space between my header and
my main body (which has 3 floating columns).  I have gotten to where I am by
using the css-discuss archives heavily.  But I can't figure out what's up
with Opera.  It seem to not be able to use the "margin-top: -100px;" that I
use for my "mainwrap DIV".  Setting TOP and PADDING also seems to not help.


The page is http://www.rocky-hills.com/sample/gofigure/index.html
The CSS is http://www.rocky-hills.com/sample/gofigure/style.css

You can see the browsercam captures at:

http://www.browsercam.com/view.aspx?proj_id=228117

(It also appears that the new Beta IE on XP is going to cause me problems.)

Thanks for any help!
Amy


__
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] Shorthand Properties

[David Laakso]

James Eaton wrote:

>Are there any practical guidelines as to when and when not to use 
>shorthand properties? ..]
>  
>


And Google for CSS-- pros and cons of shorthand properties
~davidLaakso
__
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] aligning divs

[francky]

Stephanie Chausse wrote:

>Hi--I am trying to line up the yellow search strip so that the bottom border
>is even with the home button bottom border--it seems like it's 1 pixel off
>in IE on medium size--when enlarged the gap gets bigger--In Mozilla it looks
>even at the bottom but slightly off at the top of the yellow strip and
>changes when resized in the browser--I would like the strip and the home
>button to remain aligned--thanks--
>
>http://www.provlib.org/pro/test5.html
>
>[...]
>
Hi Stephanie,
I don't have the answer: (for me) it seems rather complicated to line up 
a form and a list item together.
As an alternative to avoid the problem: perhaps you can broaden the 
search strip to 100% (then he will push down the rest at enlarging), and 
start the "home" button just under it? - A left side blue 
background-image in the searchbar can allmost maintain the desired 
design (no "empty button").
As an example of the effect, for instance: this gif 
.

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] Site Check

[tedd]

>I think I finally have the layout down and as far as I can tell it 
>works in IE 6, Safari, FF and Netscape.  I would appreciate anyone 
>taking a look and making sure everything looks good.  I have tested 
>the text resizing and my layout seems to hold.  The one issue I am 
>aware of with text resizing is that my navigation wraps whenever you 
>resize up or down, but if you refresh the page or click another link 
>it goes back to one line - is that fixable?  If not, I can live with 
>it.
>
>Site: http://www.girlscantwhat.com
>CSS: http://www.girlscantwhat.com/css/gcwcss.css
>IE CSS: http://www.girlscantwhat.com/css/ie.css
>
>Thanks!
>
>--
>Gretchen

Your text zoom levels are great -- everything holds very well. 
Drop-down works well.

However, the background brick has gotten worse. I can now see bricks 
moving in both directions at the same time. Well actually, the blue 
bricks are adapting to the browser window while the pink bricks 
remain stationary, but it looks like they are moving different 
directions.

tedd

Safari 2.0.3


-- 

http://sperling.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] hybrid layout, wide table (IE6)

[Ingo Chao]

Brett Leber wrote:
> Example 1: http://www.andrew.cmu.edu/user/bleber/css/table_test1.html
> Example 2: http://www.andrew.cmu.edu/user/bleber/css/table_test2.html
> 
> The innermost table contains many cells in a single row longer than most 
> browser widths. To display it in the current page, I've used a container 
> div with overflow:scroll, and a width of 100%. When this table appears 
> within the divs alone, the overflow works correctly--the table is no 
> larger than the current browser (viewport) width, and scroll bars appear 
> [example 1]. When this table appears within a table used for page 
> layout, however, the width of the container div stretches to show the 
> entire table, past the viewport's boundaries, producing a horizontal 
> scroll bar in the browser [example 2]. 
> How can I make example 2 display like example 1?

for
  http://www.andrew.cmu.edu/user/bleber/css/styles.css

add

  #preview {... float:left; }
  #contents {...zoom: 1;}

and hide these from other browsers.
Works here for IE6 + IE7b2.

/*<>*/

Brett, and the one or other who might read this:

   please use /bottom/ posting on this list.

For those who read the digest, or those who just try to read and answer 
more than one post per evening, it becomes nearly impossible to read 
when the flow of the time is switched more than once per digest.  ;)

Ingo
-- 
http://www.satzansatz.de/css.html
__
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] two column layout overflow problem

[Mik F]

Folks,
getting a bit of 'code blindness' trying to resolve something, coupled
with the fact that I can't remembr which bits I've already attempted
to tweak.
two links should show the obvious problem; can anyone point out the
obvious to me?
http://www.gallerykitchendesign.co.uk/dev/index.html
http://www.gallerykitchendesign.co.uk/dev/index2.html

Many thanks,
Mik
--
Quis custodiet ipsos custodes?
__
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

[David Laakso]

[EMAIL PROTECTED] wrote:

>I think I finally have the layout down and as far as I can tell it works in IE 
>6, Safari, FF and Netscape.  I would appreciate anyone taking a look and 
>making sure everything looks good.  I have tested the text resizing and my 
>layout seems to hold.  The one issue I am aware of with text resizing is that 
>my navigation wraps whenever you resize up or down, but if you refresh the 
>page or click another link it goes back to one line - is that fixable?  If 
>not, I can live with it.
>
>Site: http://www.girlscantwhat.com
>CSS: http://www.girlscantwhat.com/css/gcwcss.css
>IE CSS: http://www.girlscantwhat.com/css/ie.css
>
>Thanks!
>
>  
>
Works well and does fine in debian SeaMonkey, Opera, and FF. Konqueror 
does funny stuff to the nav (makes the hovered blocks centered 
vertically on the nav, rather than drop-down). But then Konqueror does 
funny stuff to almost eveyone's stuff. And I would not throw yourself 
out a closed window over it.

Yellow is very weak for an on hover color for the content links, and 
c&lc at 600 font-weight rather than unserifed small-caps at 800 
font-weight would be better,IMO. As would deleting font-size .8em on the 
content text (center column) p.

The top nav and google bar seem squeezed vertically. Some space above 
and below each might help (someone can help with the width/zoom question).

All in all, she's cute and funky site that delivers a meaningul message 
well.

Best,
~davidLaakso
__
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] Navigation jumps around in FF

[[EMAIL PROTECTED]]

I just managed to get my navigation centered, but it is jumping around 
in FF.  When you click on various pages it will, on occasion, wrap into 
3 lines instead of one.  IE doesn't do that because I set the width 
differently.  Any thoughts on why this is happening?

Site: http://www.girlscantwhat.com
CSS: http://www.girlscantwhat.com/css/gcwcss.css

Thanks!


-- 
Gretchen

__
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] Header graphic causing excessive space above body text in Explorer

[Anthony L]

Hi all,

Let me start by saying I'm quite new to CSS layouts.

Let me also say that I've adapted bits and pieces of CSS I've found
among other place in Dan Cederholms Bulletproof web design.

Although I thought I understood the workings of this code, as you'll
see below there is obviously a gap in my knowledge ;-)

I have a two-column liquid layout with a header and footer. The columns are
floated and defined with a 70% / 30% width.

i have an image in the h1 element in the header which overflows into
the primary content area. I've achieved this by using padding on the
h1.

It looks fine in Firefox on both Mac and Windows. But in IE 6 on
windows the text in the primary content area is pushed down. I assume
the problem is to do with the padding, but I'm not sure how to fix it.



A quick search of this list using the keywords Explorer and header
didn't turn up anything quite like this problem :-(
Can anyone help?

Thanks :-)
__
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] Shorthand Properties

[James Eaton]

Thanks, but that wasn't what I was looking for.  My question was whether 
or not there were any browser issues or other issues that would make it 
advisable to avoid any particular shorthand properties.


- Original Message - 
From: "Peter Moulding" <[EMAIL PROTECTED]>
To: "James Eaton" <[EMAIL PROTECTED]>; 
Sent: Monday, February 13, 2006 1:02 PM
Subject: Re: [css-d] Shorthand Properties


> Do these help?
> http://www.webcredible.co.uk/user-friendly-resources/css/css-shorthand-properties.shtml
>
> http://www.456bereastreet.com/archive/200502/efficient_css_with_shorthand_properties/

__
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 problems on IE Server specific?

[Ingo Chao]

Jason Hilton wrote:

> www.theonlinecookbook.com/ver2/
> 
> Here are the urls for my CSS files:
> www.theonlinecookbook.com/ver2/css/cookbook-interface.css
> www.theonlinecookbook.com/ver2/css/cookbook-iefixes.css
> 
> Currently only the front page works, I'm doing some major application
> changes as well so it's slow going.  Now when I look at the code in IE
> 5.0and IE
> 5.5 on my prod server it looks ok, but not in IE 6.  But when I look at my
> dev server it looks fine in all three versions.  If you were to look at the
> page in firefox 1.5 you will see what it should look like.

The page is broken here in IE6. The iefixes are applied, though.

The problem is related to the whitespace before the Doctype.

Your page looks well in quirks mode, and breaks in standards mode. On a 
local copy with this whitespace removed, the page is in standards mode, 
and breaks. An empty comment before the doctype

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>


fixes the problem in IE6 and IE7b2.

Ingo

-- 
http://www.satzansatz.de/css.html
__
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 problems on IE Server specific?

[Els]

Jason Hilton wrote:
> On 2/13/06, Roger Roelofs <[EMAIL PROTECTED]> wrote:
>> On Feb 13, 2006, at 8:12 AM, Jason Hilton wrote:
>>
>>> I'm doing a complete redesign of a current site of mine and
>>> for some reason,
>>> IE interprets the CSS differently on my production server,
>>> than on my local
>>> machine.
>>>
>>> Here is the url to the redesign:
>>> www.theonlinecookbook.com/ver2/
>>
>> I'd bet that either one of the urls is pointing at the local
>> machine or that one of the files didn't upload correctly.
>> Given the problems you are describing, I'd check
>> 'cookbook-iefixes.css' first.
>
> Nope, it isn't that.  That was my first thought as well.  I've
> tried to rule out as much as I can.  The only variable between
> the two sites are the machines serving up the pages.

Your production server runs IIS5, your local machine IIS6. I 
don't know anything about IIS, but it strikes me as weird if that 
makes a difference in how the pages are rendered.

> I'll
> have to check this on my home PC when I get a chance to see if
> it is goofy there as well.  If it is, I don't know what to do,
> unless someone has any more possible suggestions.  :(

Can you give a link to both instances of the site, the one on the 
production server *and* the one on your local machine? That way 
others could actually try and find what's different.

-- 
Els
http://locusmeus.com/
http://locusoptimus.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] Shorthand Properties

[Peter Moulding]

Do these help?
http://www.webcredible.co.uk/user-friendly-resources/css/css-shorthand-properties.shtml

http://www.456bereastreet.com/archive/200502/efficient_css_with_shorthand_properties/

__
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 need help with image placement

[Patrick Roane]

Hi folks!
   
  I have a site at http://www.pdrsolution.com/waters/waters1/index.html.
   
  I am trying to place an image under the menu to the right and just can't seem 
to do it. I initially thought the most logical place to put it would be as a 
background image using the:
   
  #left-box div
   
  as an anchore, but that does not work. It looks as though I'll have to create 
a new 'div' for the image. Any suggestions?
   
  Thanks-
   
  Patrick
__
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 Issue With New Page Design

[David Keith Biddix]

I am working on my first major CSS project, attempting to design the  
entire navigation using CSS. My home page is at:

http://www.gloriahouston.net/indexnu.html

Everything looks good in Firefox and in IE 5.2 for the Mac, but I  
can't get Safari to extend the brown box that is behind the links  
when they are rolled over up into the line drawn above them.

I am designing on a Mac, so I would also appreciate a critique of the  
design in IE and Firefox for Windows.

After I get the navigation solved, I'll start tackling the CSS I need  
for the rest of the page.


Thanks for your help!

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

[[EMAIL PROTECTED]]

I think I finally have the layout down and as far as I can tell it works in IE 
6, Safari, FF and Netscape.  I would appreciate anyone taking a look and making 
sure everything looks good.  I have tested the text resizing and my layout 
seems to hold.  The one issue I am aware of with text resizing is that my 
navigation wraps whenever you resize up or down, but if you refresh the page or 
click another link it goes back to one line - is that fixable?  If not, I can 
live with it.

Site: http://www.girlscantwhat.com
CSS: http://www.girlscantwhat.com/css/gcwcss.css
IE CSS: http://www.girlscantwhat.com/css/ie.css

Thanks!

-- 
Gretchen

__
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] Shorthand Properties

[James Eaton]

Are there any practical guidelines as to when and when not to use 
shorthand properties?  Or perhaps a guide that shows browser 
compatibility.  I've noticed in the many CSS examples I've been looking at 
lately that developers seem to universally use some shorthand properties 
(e.g. 'background') while some others appear to be used more sparingly, or 
avoided all together. 

__
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 problems on IE Server specific?

[Jason Hilton]

On 2/13/06, Roger Roelofs <[EMAIL PROTECTED]> wrote:
>
> Jason,
>
> On Feb 13, 2006, at 8:12 AM, Jason Hilton wrote:
>
> > I'm doing a complete redesign of a current site of mine and for
> > some reason,
> > IE interprets the CSS differently on my production server, than on
> > my local
> > machine.
> >
> > Here is the url to the redesign:
> > www.theonlinecookbook.com/ver2/
>
> I'd bet that either one of the urls is pointing at the local machine
> or that one of the files didn't upload correctly.  Given the problems
> you are describing, I'd check 'cookbook-iefixes.css' first.
>
> Roger,
> --
> Roger Roelofs
> [EMAIL PROTECTED]


Nope, it isn't that.  That was my first thought as well.  I've tried to rule
out as much as I can.  The only variable between the two sites are the
machines serving up the pages.  I'll have to check this on my home PC when I
get a chance to see if it is goofy there as well.  If it is, I don't know
what to do, unless someone has any more possible suggestions.  :(

Jason Hilton
__
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] aligning divs

[Stephanie Chausse]

Hi--I am trying to line up the yellow search strip so that the bottom border
is even with the home button bottom border--it seems like it's 1 pixel off
in IE on medium size--when enlarged the gap gets bigger--In Mozilla it looks
even at the bottom but slightly off at the top of the yellow strip and
changes when resized in the browser--I would like the strip and the home
button to remain aligned--thanks--

http://www.provlib.org/pro/test5.html

http://www.provlib.org/pro/css/layout25.css
http://www.provlib.org/pro/css/style.css

here's the relevant css:
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
font-family: Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
border: 0;
}

body{
color:#00;
background-color:#66;
margin: 0;
padding: 0;
font-size: 100.01%;
}


.content p{
font-size: 80%;
margin: 10px;
line-height: 140%;
}



#wrapper {
margin:10px auto;
width: 776px;   
background-color:#ff;
border: 1px solid #00;
background-image: url(../images/columns/line.gif);
background-repeat: repeat-y;
text-align:left; 
display: block;
}

#banner{
height: 103px;
}

.content{ 
margin: 0 0 10px 160px;
}

.container{ 
width: 99%; 
float: right; 
}

#search {
float: right;
background-color:#cc;
margin: 0;
padding: 1px 2px 1px 1px;
font-family: Verdana, Helvetica, sans-serif;
font-size: 80%;
font-weight: 700;
color: #cc;
border-bottom: 1px solid #0033cc;
width: 623px;
text-align:right;
}   

#leftcol{
float: left;
width: 150px;
margin: 0 0 0 0;
}

#leftcol #vernav ul {
margin: 0; 
padding: 0;
background-color: transparent;
list-style-type: none;
font-size: 80%;
border: 1px solid #0033cc;
display: block;
font-weight:700;
}

#leftcol #vernav ul li a{
background-color: #0066ff;
border-bottom: 1px solid #0033cc;
color: #ff;
display: block;
padding: 4px 0 3px 4px;
text-decoration: none; 
height: 1%;
margin: 0;
}

#leftcol #vernav a:hover, #leftcol #nav a:focus { 
background-color: #0033cc;
border-right: 1px solid #ff;
border-bottom: 1px solid #ff;
color: #ff;
}


/*#vernav{
border-bottom: 1px solid #0033cc;
}*/

#vernav ul{
padding: 0;
margin: 0;
background-color:#0066ff;
}

#vernav ul li{
padding: 0;
margin: 0;
}

#vernav ul li a{
color: #FF;
background-color: #0033cc;
text-decoration: none;
padding: 4px 0 3px 4px;
border-bottom: 1px solid #0066ff;
text-align: left;
}

.clearit{
clear: both;
}



__
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] dropdown and spacing problems

[Roger Roelofs]

Matt,

On Feb 13, 2006, at 12:19 PM, Matt Tibbits wrote:

> This only seems to happen in Firefox. IE6 keeps the elements spaced
> properly.
>
> If I place a right and left border, and then add some padding the  
> right
> border of the first element gets pushed the width of the padding  
> past the
> left border of the second element.
>
> You can see what's happening here: http://www.tibbits.ca/test.htm
In the w3 box model, the width is the _content_ width.  To calculate  
the width from outer edge to outer edge you have to add the border  
width + padding width + content width.  IE/win 6 in quirks mode and  
all previous ies get this wrong.  In your case you can remove the  
width from #nav a and it will fill all the available width.  You will  
also want to remove widths (set to width: auto) the sub-menu li.


Roger,
-- 
Roger Roelofs
[EMAIL PROTECTED]



__
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] dropdown and spacing problems

[Matt Tibbits]

Hello,

 

I am just starting out with CSS dropdowns using the "Sons of Suckerfish"
method. The problem I am having is with spacing of the first level elements.
This only seems to happen in Firefox. IE6 keeps the elements spaced
properly. 

 

If I place a right and left border, and then add some padding the right
border of the first element gets pushed the width of the padding past the
left border of the second element.

 

You can see what's happening here: http://www.tibbits.ca/test.htm

 

The left border is blue, and the right border is green. 

 

If anyone could point me in the right direction is would be much
appreciated. 

 

Thanks,

 

Matt

 

__
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] Problems with nesting divs

[Ian Young]

>
> Also, although the container div is 100% it does not fill the content div.
>
>

All sorted now.

I hadn't put a width definition along with margin for IE.

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.375 / Virus Database: 267.15.6/258 - Release Date: 13/02/2006

__
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] tableless forms

[Michiel van der Blonk]

Excellent post! Thanks. I updated the article and linked to your site.

Michiel

Ingo Chao wrote:
> Michiel van der Blonk wrote:
>   
>>   For long I have been looking for the easiest way to create forms 
>> without tables. I found several methods:
>> - floating
>> - position:absolute
>> - display:inline-block & display:-moz-inline-box
>>
>> All come with their own caveats and problems. The floating is usually 
>> considered the "best". However, it's not easy to align the input's under 
>> each other.
>>
>> The problem is usually that even if I give the label a width, it is not 
>> used by the browser, since it is inline, so it has to be made floating. 
>> Then when resizing the font the floating elements start shifting, and 
>> everything messes up.
>>
>> Recently I found out that if I give the label a little bit of padding, 
>> or an invisible border (color same as background) that the inputs are 
>> suddenly aligned correctly in both IE and FF.
>> 
>
> I'll try to discuss your test page
> http://test5.caribmedia.com/CSS/michiel/floating-forms.html
>
> (The following ascii art should align with fixed font size.)
>
>   
>> look at the difference between:
>> form {width:20em}
>> label {float:left;width:10em;margin-bottom:1em;}
>> input {float:left;}
>> 
>
> Because of the margin-bottom of 1em, the label is taller than the input. 
> Apply a background color to see.
>
> |label| [input]
> | |
>
> Floats do hook, they float /up/ as high as possible (e.g. not higher 
> than any preceding float [1]) . The subsequent label/input shows this:
>
>
> |label| [input]
> | | |label|
>  | |
> [input]
>
>
> There is enough room for both the labels side by side:
> 2 x 10em = 20em = width of the form
>
> There is no room left for the second input; therefore, this float /drops/ .
>
>
>
>   
>> and
>> form {width:20em}
>> label {float:left;width:10em;margin-bottom:1em;padding:1px}
>> input {float:left;}
>> 
>
>
>   
>> for this html
>> 
>> Name
>> Address
>> Email
>> 
>>
>> 
>
>
> The box model adds the padding to the width: the overall width of label is
> 1px + 10em + 1px
>
> But the form still has a width of 20em only. There is not enough room 
> for floating up of the subsequent label, the label itself drops.
>
> |label| [input]
> | |
>
> |label| [input]
> | |
>
>
> A similar effect can be achieved with the property "clear" on label [2].
>
> Ingo
>
> [1] some older browser will float up as high as possible regardless of 
> preceding floats.
> [2] IE/Win has problems with float+clear on the same element.
>
>   
__
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] image border causes space at bottom of image

[Els]

css man wrote:
> Hi all,

Hi you ;-)
 
> When I add a 0.08em solid black border around an image, a
> small space is rendered at the bottom of the image.
> 
> Here's the section of css:
> 
> #img {
>   float: right;
>   margin: 1em 1em 1em 0 !important;
>   margin: 1em .5em 0 0;

Why are you having two contradicting margin rules?

>   border: .08em solid black;
> 
> }
> 
> and the section of HTML:
> 
>  height="273" /> 
> 
> The only way I seem to be able to fix this is to add a height
> property to the css.  Is there another way around this?

Try adding this rule:
#img img{display:block;}


-- 
Els

__
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] image border causes space at bottom of image

[Roger Roelofs]

CSS Man,

On Feb 13, 2006, at 9:38 AM, css man wrote:

> When I add a 0.08em solid black border around an image, a small  
> space is
> rendered at the bottom of the image.

Images are inline elements by default, so the browser is leaving  
space for the tails of the 'y' and 'p' characters.  Setting the image  
to 'display: block;' should fix this.

#img img { display: block; }



Roger,
-- 
Roger Roelofs
[EMAIL PROTECTED]



__
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] image border causes space at bottom of image

[css man]

Hi all,

When I add a 0.08em solid black border around an image, a small space is
rendered at the bottom of the image.

Here's the section of css:

#img {
   float: right;
   margin: 1em 1em 1em 0 !important;
   margin: 1em .5em 0 0;
   border: .08em solid black;

}

and the section of HTML:




The only way I seem to be able to fix this is to add a height property to
the css.  Is there another way around this?

As always, thanks
__
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] z-index? content menu hiding behind header

[cj]

> >as to being able to move my content area and menu up on the pages that
> >have that sub menu (which is my biggest concern and most baffling
> >question), it seems that this is impossible with css.
> >
> >
> Hi,
> I think I've got him!
> Testpage.http://home.tiscali.nl/developerscorner/css-discuss/z-index-problem-solved.html
> It is not a z-index trouble, but the the .master-form .content-inside {
> overflow:hidden }.
>
> The difference between FF and IE is the IE-hack, giving overflow for IE
> while hiding for the rest.
> Omitting the overflow:hidden shows up the tabs in FF too.
> As far as I can see (but perhaps there is more behind the screens), the
> only reason for hiding is to avoid a horizontal scrollbar in FF. If
> that's the case, than a container-width of 99.9% can do this instead of
> the overflow:hidden.

francky you're a genius!  so far this is working perfectly, so i'll
give it to my support person to see if he can break it.  :D  he likes
doing that!

thanks again *so much*.
__
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] hybrid layout, wide table (IE6)

[Brett Leber]

Francky,

Thanks for the advice. Using your added styles, the result is better, 
but adds scrollbars a bit differently than I'd intended:

http://www.andrew.cmu.edu/user/bleber/css/table_test3.html

Whereas in example 1 scrollbars appear for the container div (#preview), 
example 3 creates scrollbars for the the entire layout table. In the 
context of the project where this would be used, this produces a bizarre 
effect. The issue is that scrolling the entire layout table is likely to 
be very disorienting for a user.

Also frustrating is that the long table (the table with many columns) 
increases the width of the layout table, effectively moving the 
right-aligned parts of my header and footer off-screen. An inline frame 
is starting to look a little more attractive for this disastrous table. 
Either that or a fixed width for the container div (#preview). I think 
the problem is with IE's interpretation of width:100%; on another area 
of the site, this property/value pair produces a table that goes off the 
right end of the containing div, with no scrollbars!

thanks again, and sorry for the verbose emails--I just can't think of a 
simple way to describe all of this.

Brett

francky wrote:
> Brett Leber wrote:
> 
>> Please consider the table layout and nested divs to be a part of the 
>> design requirements. Also, the following is an IE6 rendering issue, so 
>> please view the examples in IE6.
>>
>> Example 1: http://www.andrew.cmu.edu/user/bleber/css/table_test1.html
>> Example 2: http://www.andrew.cmu.edu/user/bleber/css/table_test2.html
>>
>> [...]
>>
>> How can I make example 2 display like example 1?
>>  
>>
> Hi Brett
> Did you try:
> * html body { width: 97%; overflow-x: auto; } ?
> 
> 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 problems on IE Server specific?

[Jason Hilton]

Hi all!

I'm having a very strange problem with IE that is causing me nothing but
grief.

I'm doing a complete redesign of a current site of mine and for some reason,
IE interprets the CSS differently on my production server, than on my local
machine.  It's starting to drive me nuts!  What is happing is that my
non-floated right hand columns are showing up much wider on my production
server, than on my local machine.

Here is the url to the redesign:
www.theonlinecookbook.com/ver2/

Here are the urls for my CSS files:
www.theonlinecookbook.com/ver2/css/cookbook-interface.css
www.theonlinecookbook.com/ver2/css/cookbook-iefixes.css

Currently only the front page works, I'm doing some major application
changes as well so it's slow going.  Now when I look at the code in IE
5.0and IE
5.5 on my prod server it looks ok, but not in IE 6.  But when I look at my
dev server it looks fine in all three versions.  If you were to look at the
page in firefox 1.5 you will see what it should look like.

I don't know much about the setup of my production box but my local machine
is running IIS 6 in xp Pro sp2.

Any ideas as to why I'm seeing the two different versions???  Any insight
into my delimma would be greatly appreciated.


Jason Hilton
__
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] Problems with nesting divs

[Ian Young]

>
> > Best seen rather than described:
> > http://www.iyesolutions.co.uk/templates/dolnew/template.htm
> > css
> > http://www.iyesolutions.co.uk/templates/dolnew/includes/style.css
> >
> > Note that borders are included to demonstrate the problem. Also,
> > this style


Ahh, sorted problem with "nesting". Added a footer div with clear:both and
it nests ok in FF.
Doesn't in Opera or IE (now there's a surprise).

Also, although the container div is 100% it does not fill the content div.

How come?

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.375 / Virus Database: 267.15.6/258 - Release Date: 13/02/2006

__
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] Problems with nesting divs

[Ian Young]

>
> Starting build up of new site and came across this problem.
>
> Best seen rather than described:
> http://www.iyesolutions.co.uk/templates/dolnew/template.htm
> css
> http://www.iyesolutions.co.uk/templates/dolnew/includes/style.css
>
> Note that borders are included to demonstrate the problem. Also,
> this style
> which i have working cross browser falls over completely in IE and Opera
>
> What have I missed? I know I am being dumb here
>
> Cheers
>
> Ian

Ps This may be confusing but I meant that I have the script working in other
sites cross browser.

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.375 / Virus Database: 267.15.6/258 - Release Date: 13/02/2006

__
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] Problems with nesting divs

[Ian Young]

Starting build up of new site and came across this problem.

Best seen rather than described:
http://www.iyesolutions.co.uk/templates/dolnew/template.htm
css
http://www.iyesolutions.co.uk/templates/dolnew/includes/style.css

Note that borders are included to demonstrate the problem. Also, this style
which i have working cross browser falls over completely in IE and Opera

What have I missed? I know I am being dumb here

Cheers

Ian
**IMPORTANT*
***

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

--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.375 / Virus Database: 267.15.6/258 - Release Date: 13/02/2006
__
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 Line-height / Replaced Element Bug

[Albert van der Veen]

Hi Bruno,

Thanks, rewrote the code using list (thanks to francky), but your 
workaround may come in handy another time...

Albert


> > Anyone know a workaround for the bug described at
> > http://www.positioniseverything.net/explorer/lineheightbug.html ?
>
>You can have a look here [1], there is not really a nice workaround, but
>it's the only thing I found.
>
>[1] http://www.brunildo.org/test/IElineheight.html


__
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 Line-height / Replaced Element Bug

[Albert van der Veen]

Hi francky,

Thanks! Should have thought of this myself :)
Will have a look at the alternatif for the rounded corners (time permitting...)

greets,
Albert

>The items are beautifull list-items, and with a list the 
>line-height-problem is gone. This will make the html also a lot 
>easier/smaller: no repeated calling of the bullets needed, just once in 
>the css as bg-image. :-)
>
>
>btw: See you are using rather big images for the rounded corners of the 
>#menukader. Perhaps the "Flexibele ronde hoeken" 
> 
>(Liquid Round Corners) method can be usefull for speeding up the page.
>


__
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] scalable navigation from Cederholm's Bulletproof Sites

[Trish Meyer]

At 8:32 PM -1000 2/12/06, David Faulhaber wrote:
>Things have been going pretty
>well but I'm snagged on the navigation. I followed the "Scalable Navigation"
>example in chapter two of Dan Cederholm's and everything looked great in
>Safari... until I checked the site in Explore, Firefox, and Opera, all of
>which screwed up the nav tabs. Opera displays only two of the tabs (inline),
>while Explorer and Firefox stack all the tabs one on top of the other
>against the left side. I've been trying to troubleshoot this all day but my
>brain is shot and I just can't "see" what the problem might be.

Ah, yes, I found that bug too. I followed that tutorial for my site at

http://www.collageartists.org/

http://www.collageartists.org/stylesheets/caa.css

and I found a bug in the book. Looking at my scribbles, on page 32, 
the problem was the float: left; on the #nav a. You need it for Mac 
IE but not the others.

here's my version:

/* styling horz nav bar  */
div#nav {
float: left;
margin: 0;
padding-left: 15px;
width: 755px; /* 770 minus padding*/
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #7CCB94; /* green*/
position: absolute; /* *** make #nav flush bottom with #banner  *** */
bottom: 0; /* *** make #nav flush bottom with #banner  *** */
}
#nav ul {
margin: 0;
padding: 0;
}
#nav ul li {
float: left;
margin: 0;
padding: 0;
display: block;
list-style: none;
font-family: "Trebuchet MS", "Lucida Grande", Geneva, Arial, 
sans-serif;
font-size: 75%;
letter-spacing: 1px;
}
#nav a {
float: left; /* *** for IE55Mac - hidden below from others  *** */
margin: 0 8px 0 0px;
padding: 4px 6px;
color: #DCFFD9;
display: block;
text-decoration: none;
background: #000 url(../navbar/navtab_a.gif) repeat-x top left;
background-color: #3B7980; /*match btm of tab color */

border: 1px solid #80;
border-bottom: none;
}
/* Commented backslash hack hides rule from IE5-Mac WATCH BACKSLASH! \*/
#nav a {
float: none;
}
/* End IE5-Mac hack */



hope that helps,

Trish



-- 

--
Trish Meyer, Webmaster
VIVA Gallery
The Valley Institute of Visual Arts
http://www.vivagallery.org
Email: [EMAIL PROTECTED]

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