Re: [css-d] Small issue with dynamic displaying of box

[~davidLaakso]

~davidLaakso wrote:
> Rafael Holt wrote:
>>
>> http://www2.union.ic.ac.uk/rcc/outdoor/malawi/s.html
>>  
>> Rafael
>>   
> Best,
> ~dL
>
I meant to write you have three id's open but you've only closed /one/ 
of them.
~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Small issue with dynamic displaying of box

[~davidLaakso]

Rafael Holt wrote:
> I'm using some simple javascript to hide and then show a box . In Firefox it 
> works perfectly,
> but in IE the box appears in the main content area until you hover over it.
> http://www2.union.ic.ac.uk/rcc/outdoor/malawi/s.html
>
> Click on the "Get rid of this box" link on the left and then on the "I want
> the box back!" link and you'll see what I mean. How can I solve this?
>   
Dunno. I took in a movie while I waited for it to load in xp ff and ie 
(it never did load in opera).
Guess I'd start with the obvious and then go from there. You've got 
three id's open but you've only closed two of them.
> Rafael
>   
Best,
~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Unwanted space above horizontal list

[~davidLaakso]

Diana Myers Hyatt wrote:
> In IE (both Windows and Mac), there is too much space
> above the utility bar, which is a horizontal list
> (View my account, search the catalog, etc.)
>
> In Safari and Firefox, the banner is not flush with
> the top of the browser window.
> http://www.riversideca.gov/library2/
>
> Diana Hyatt
Diana,
These changes helped in xp ie/6.0 and ff/1.5.0.7 (no ie/mac5.2 or safari 
here).
#header img {  
 /*float: left; */ <

[css-d] Small issue with dynamic displaying of box

[Rafael Holt]

Hi,

I'm using some simple javascript to hide and then show a box using
document.getElementById('box').style.display. In Firefox it works perfectly,
but in IE the box appears in the main content area until you hover over it.

I'm pretty sure this isn't a javascript issue but more of an "IE is rubbish"
issue and that it's more to do with CSS and IE's quirkiness with floats.
Also perhaps something to do with the hierarchy of the elements and the
order in which they're rendered (just guessing here), because the box
(#albumlist) is floated left with a negative margin inside #wrapper.

Link: http://www2.union.ic.ac.uk/rcc/outdoor/malawi/s.html

Click on the "Get rid of this box" link on the left and then on the "I want
the box back!" link and you'll see what I mean. How can I solve this?

Cheers,

Rafael
__
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] Unwanted space above horizontal list

[Diana Myers Hyatt]

I'm trying to figure out two issues with this website
and hope someone can help.

In IE (both Windows and Mac), there is too much space
above the utility bar, which is a horizontal list
(View my account, search the catalog, etc.)

In Safari and Firefox, the banner is not flush with
the top of the browser window.

http://www.riversideca.gov/library2/

Thanks in advance,
Diana Hyatt

__
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.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] Collapsing floats in IE

[Philippe Wittenbergh]

On Oct 5, 2006, at 8:52 AM, Manuel Razzari wrote:

> I have updated the testcase to reflect your fix:
> http://ultimorender.com.ar/funkascript/css/fake_col/over_cleared_2.htm
>
> The only question left is... can this be fixed without moving the
> images inside the paragraph? (So that I can float a DIV instead of an
> image there.)
If you warp your images inside their own , then IE behaves the  
same way as modern browsers (tested: IE 6).


Philippe
---
Philippe Wittenbergh





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] firefox turns off status bar by default

[[EMAIL PROTECTED]]

anybody know why firefox hides the status bar message by default...
(goto Tools/Options/Content/Enable JavaScript/Advanced...)

is there a workaround for making window.status="..." work in firefox ??

(realize this is more a javascript question, but this is the only list i
belong to!)

-fgx





mail2web - Check your email from the web at
http://mail2web.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] Validation assistance

[Delos Woodruff]

Hi David.

I get it, I think. In standard HTML, you don't need an end / in single 
tags (like br or img) and since the head section. So it isn't required 
in the head area. That makes sense.

But I'm rambling outside of the css relevance. I appreciate the link 
and explanation.

Delos


On Oct 4, 2006, at 11:24 AM, David Dorward wrote:

> On 04/10/06, Delos Woodruff <[EMAIL PROTECTED]> wrote:
>> I tried to validate a page and got a particular error. Specifically,
>> because I'm using a strict html doctype, it didn't like the final > in
>> the css link.
>>
>> 
>
> http://www.cs.tut.fi/~jkorpela/html/empty.html explains but the short
> version is:
>
>   The /, in HTML terms is part of a NET tag and closes the element, so
> the ">" is the same as >, which isn't allowed as raw data inside
> the head element. NET tags should be avoided in HTML:
> http://www.w3.org/TR/html4/appendix/notes.html#h-B.3.3
>
> In XHTML things are different, but if you're writing HTML, don't have 
> the "/".
>
> -- 
> David Dorward 
> __
> 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/
>
>
HOMEPAGE http://www.artpatient.com
See the Frog Pond Webcomic, sketches, caricatures and more!

__
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] Collapsing floats in IE

[Gunlaug Sørtun]

Manuel Razzari wrote:
> http://ultimorender.com.ar/funkascript/css/fake_col/over_cleared_2.htm

>  The only question left is... can this be fixed without moving the 
> images inside the paragraph? (So that I can float a DIV instead of an
>  image there.)

Somewhat like this...
 ?

Take a look at the examples, and the 'external resources' I've listed in
the right column. Should give you some ideas about what can, and can
not, be achieved.

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] Validation assistance

[Delos Woodruff]

Thank you, Bjeorn.

It seemed strange not to use the final >. The page this is taken from 
in written in HTML, so I can lose the /. I'm much more comfortable with 
that option.

What a great list, huh? Thanks again.

Delos




On Oct 3, 2006, at 11:01 PM, Bjoern Hoehrmann wrote:
>
> If you use HTML, use
>
>   
>
> If you use XHTML, use
>
>   
> -- 
> Björn Höhrmann · mailto:[EMAIL PROTECTED] · 
> http://bjoern.hoehrmann.de
> Weinh. Str. 22 · Telefon: +49(0)621/4309674 · 
> http://www.bjoernsworld.de
> 68309 Mannheim · PGP Pub. KeyID: 0xA4357E78 · http://www.websitedev.de/
>
>

HOMEPAGE http://www.artpatient.com
See the Frog Pond Webcomic, sketches, caricatures and more!

__
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] Popup does not work till all images are loaded

[Don Miller]

The only way I know is to pre-load the images.

Don


- Original Message -
From: "Vinj Vinj" <[EMAIL PROTECTED]>
To: 
Sent: Wednesday, October 04, 2006 4:18 PM
Subject: [css-d] Popup does not work till all images are loaded


| This is not exactly a javacsript question. On my website: www.eswap.com,
I'm using lightbox to handle the popups. My images can take some time to
load. However, if someone clicks on the link to open the popup (before all
the images are downloaded) the page gets reloaded.
|
| Go to eswap.com and try clicking on the symbol tags | symbols sets |
Change Page Size
| before the images are downloaded
|
| Is there any way to have the popup work while the images are still
downloading? or atleast give an error message saying that you must wait till
all the images are loaded.
|
| Vineet
|
|
|
|
|
|
| __
| 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/
|
|
|
| --
| No virus found in this incoming message.
| Checked by AVG Free Edition.
| Version: 7.1.407 / Virus Database: 268.12.12/462 - Release Date: 10/3/2006
|
|



-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.407 / Virus Database: 268.12.12/462 - Release Date: 10/3/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] Workarounds for Win IE's lack of position:fixed;?

[Gunlaug Sørtun]

Cliff Pruitt wrote:
> Hi everyone.  I'm working on a photo distribution website and have 
> set up a layout that meets my clients needs (though it needs a few 
> aesthetic tweaks).  Unfortunately it completely bombs in Win IE.
> 
> http://www.natureofworship.com/apps/medialibrary/

Article on the subject here...

...and the solution used for 'position: fixed' simulation in IE-win is
described in more details here...


There's also a "pure" CSS alternative for IE-win here...

...but it is not as easy to implement as the other one.

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] Collapsing floats in IE

[Manuel Razzari]

On 10/4/06, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote:
> The addition of p {padding: 1px 0;} works in IE, which
> indicates that 'collapsing margins'[1] are involved - IE-style.

Georg, thanks for the quick response!

Your suggestion already fixes half of my problem. I should really read
about collapsing floats, it's one of those things I always solve by
trial and error and never got to read that part of the spec :$.

I have updated the testcase to reflect your fix:
http://ultimorender.com.ar/funkascript/css/fake_col/over_cleared_2.htm

The only question left is... can this be fixed without moving the
images inside the paragraph? (So that I can float a DIV instead of an
image there.)

Thanks everyone in advance, and thanks Georg again for what's already fixed!

- Manuel
__
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] Website check - please!!

[Gunlaug Sørtun]

Administration wrote:

> When testing in FF and Opera . the background would not repeat / 
> column widths are erratic / column lengths are erratic / top 
> navigation is not staying within the 
> 
> http://www.kenomultimedia.com.au/

> I did ask for help on the list and Ingo Chao replied with..
> 
> "Understanding CSS-concepts like floating is easier if you start 
> creating your site in FF or Opera." After several attempts I still 
> haven't managed to get the image to repeat in FF and Opera.

Ingo was perfectly right. IE is pulling tricks on you with all its bugs
and non-standard behavior, so make it work in the standard-compliant
browsers first and fix IE later.

> I have since created another main page, this time to suit FF 1.5 and 
> Opera 9.0 and this time I have used an image and color individually 
> for the columns.

That's the wrong approach for that layout, so I'll focus on making your
original page cross-browser reliable...



To make the background stretch to contain floats in standard-compliant
browsers, you have to feed them some standard properties in the right
places.
I'll choose to establish a new 'block formatting context'[1] by adding...
#page {float: left;}
...which makes that container expand properly, with background and all,
in all browsers.

Then I'll add...
ul#nav {padding: 0;}
...since both Firefox and Opera9 have default paddings on lists - making
that top navigation too wide. IE has default margins on lists, and you
have already taken care of those.

That should be it - unless I have overlooked something.

> Just hoping someone on the list could help me out here .. I think I 
> may have to go back to basics and start again.

No need. Just keep on building on what you've got, and keep on learning.

> Is it possible to have on the same website, separate linked or import
>  style sheets to suit different browsers, as I have never heard of 
> this before ..

You can use 'conditional comments'[2] to feed separate stylesheets to
IE-win - if you have to.
No such solution for other browsers, and there's rarely a need for
separate styles to make the more standard-compliant browsers get in
line. Try giving them a complete set of styles first, to even out any
major differences.

regards
Georg

[1]http://www.w3.org/TR/CSS21/visuren.html#q15
[2]http://www.gunlaug.no/contents/wd_1_02_01.html#item2
-- 
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] Popup does not work till all images are loaded

[Vinj Vinj]

This is not exactly a javacsript question. On my website: www.eswap.com, I'm 
using lightbox to handle the popups. My images can take some time to load. 
However, if someone clicks on the link to open the popup (before all the images 
are downloaded) the page gets reloaded. 

Go to eswap.com and try clicking on the symbol tags | symbols sets | Change 
Page Size 
before the images are downloaded

Is there any way to have the popup work while the images are still downloading? 
or atleast give an error message saying that you must wait till all the images 
are loaded. 

Vineet






__
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] Spacing issue in nav UL

[Moshe Tapnack]

Thanks Georg!
I will give it a go!

Regards,
Moshe

-Original Message-
From: Gunlaug Sרrtun [mailto:[EMAIL PROTECTED] 


The problem however, is that the 'ul' is taller than 32px because those
images are inline (default), and the list expands to make room for
descenders below the baseline those images are "sitting on".

So, a more suitable solution is to float the images, which will turn them
into block-elements. Add... ul img {float: left;} That will make the list,
with images, fit inside the 32px high #nav in all browsers.


Add...
#LeftSide img {display: block;}
...to fix it. Somewhat similar to the above in that the space is caused by
the fact that IE calculates room for text in the div even if there is none,
and the space below the image is for descenders of that non-existing text.

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] Spacing issue in nav UL

[Gunlaug Sørtun]

Moshe Tapnack wrote:
> http://tapnack.net/azla

> Q1: you will see that in IE the navigation bar has a blue-ish space
> below the bottom border - it shouldn't be there, but rather only 32px
> (the height of the images). The issue existed on FF as well, until I
> set the height of #nav to 32px.

The addition of...
#nav {overflow: hidden;}
...will cure IE's auto-expanding bug.

The problem however, is that the 'ul' is taller than 32px because those
images are inline (default), and the list expands to make room for
descenders below the baseline those images are "sitting on".

So, a more suitable solution is to float the images, which will turn
them into block-elements.
Add...
ul img {float: left;}
That will make the list, with images, fit inside the 32px high #nav in
all browsers.

> Q2: in IE, below the picture on the left, there seems to be a small
> space between it and the div below, which has a BG image. In FF this
> displays fine.

Add...
#LeftSide img {display: block;}
...to fix it. Somewhat similar to the above in that the space is caused
by the fact that IE calculates room for text in the div even if there is
none, and the space below the image is for descenders of that
non-existing text.

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] Website check - please!!

[Administration]

Hello List,

This is my first attempt at CSS using columns, floats etc.

I have been experiencing problems and would appreciate a website check.

In my first attempt at css columns I had a problem with the ... 
background image  no repeat-y"
I first created the page and tested it in IE 6 . where it would render ok

When testing in FF and Opera . the background would not repeat / column 
widths are erratic / column lengths are erratic / top navigation is not 
staying within the 

http://www.kenomultimedia.com.au/
http://www.kenomultimedia.com.au/keno.css

I did ask for help on the list and Ingo Chao replied with..

"Understanding CSS-concepts like floating is easier if you start 
creating your site in FF or Opera."
After several attempts I still haven't managed to get the image to 
repeat in FF and Opera.




I have since created another main page, this time to suit FF 1.5 and 
Opera 9.0
and this time I have used an image and color individually for the columns.

http://users.ncable.net.au/~keno2/
http://users.ncable.net.au/~keno2/keno4.css

In FF, IE6 and Opera, I still have problems with column (length) 
alignment, spacing and top navigation (breaching its retainer)etc.

Just hoping someone on the list could help me out here .. I think I may 
have to go back to basics and start again.
I am learning so much from just sitting back and observing the list.
Hopefully I will gain enough expertise to possible help someone else one 
day!! :-)

Is it possible to have on the same website, separate linked or import 
style sheets to suit different browsers, as I have never heard of this 
before ..

Thanks in advance,

Keno.
__
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] Collapsing floats in IE

[Gunlaug Sørtun]

Manuel Razzari wrote:

> http://ultimorender.com.ar/funkascript/css/fake_col/over_cleared.htm

> Hope someone can help or point to a different approach, or tell me if
>  the problem is not clear...

The addition of...

p {padding: 1px 0;}

...works in IE, which indicates that 'collapsing margins'[1] are
involved - IE-style. Not sure if I have completely understood the
problem though, so this "fix" is just the result of trial and error.

regards
Georg

[1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins
-- 
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] Extra space at page bottom

[~davidLaakso]

Mims, Jane K. wrote:
> I have a chronic problem with extra white space
> appearing at the bottom of my page design. 
> problem at http://www.uhv.edu/bus/smbao/default.asp 
> Jane
body { background: lime url(http://www.uhv.edu/bus/test/graygrade.jpg) 
repeat-x; }
trivial pursuits: getting the site to zoom the fonts cross-browser 
without breaking it will take a few more minutes :-) .
HTH
~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Extra space at page bottom

[Ian Young]

> Subject: [css-d] Extra space at page bottom
>
>
> Hello, everyone. I have a chronic problem with extra white space
> appearing at the bottom of my page design. You can see an example of the
> problem at http://www.uhv.edu/bus/smbao/default.asp . I've tried
> negative bottom margins/padding on various divisions as well as hacks
> without success. Any suggestions? Is there a (relatively) quick fix, or
> am I going to need to rebuild this CSS from scratch to correct it?
> Thanks in advance,
> Jane
> __
>

Jane

Had a root around the page and css.  This seems a very complicated way to
make what is a straight forward 3 column design.

http://www.communitymx.com/content/article.cfm?cid=AFC58

Is a liquid faux column design which is very easy to implement. I would
recommend that you go for that (probably easier in long run.

Best regards

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.407 / Virus Database: 268.12.12/462 - Release Date: 03/10/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] Extra space at page bottom

[Mims, Jane K.]

Hello, everyone. I have a chronic problem with extra white space
appearing at the bottom of my page design. You can see an example of the
problem at http://www.uhv.edu/bus/smbao/default.asp . I've tried
negative bottom margins/padding on various divisions as well as hacks
without success. Any suggestions? Is there a (relatively) quick fix, or
am I going to need to rebuild this CSS from scratch to correct it?
Thanks in advance,
Jane
__
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] Workarounds for Win IE's lack of position:fixed;?

[Cliff Pruitt]

Hi everyone.  I'm working on a photo distribution website and have  
set up a layout that meets my clients needs (though it needs a few  
aesthetic tweaks).  Unfortunately it completely bombs in Win IE.

http://www.natureofworship.com/apps/medialibrary/

The main problems with this particular layout (in IE) are:
- IE does not support position:fixed; which allows me to create the  
fixed drop zone at the bottom of the page.
- For some reason IE always places scroll bars on the fixed sidebar
- The content is positioned incorrectly on the page, beginning  
extremely far down.

The layout requirements are:
Fixed Header (100% width)
Fixed Footer (100% width)
Fixed Sidebar (fixed position width)
Scrollable content area

The scrollable content area fills with random types of content,  
sometimes forms, sometimes a long string of floated image thumbnail  
containers.  I would very much prefer to keep the liquid layout of  
the thumbnails rather than revert back to a fixed table grid.

I should point out I have built the site to run off a set of dynamic  
templates, so if i need to create a different template & stylesheet  
for IE altogether I can do that, I just don't know how to get the  
layout I need in IE.  I've even tried tables, and though the layout  
works, I can't get the content area to scroll.


I'm not a CSS expert by any means.  I do what I can to pay the bills  
& do the best job I can, but I know I make plenty of mistakes.  That  
said, I have tried to cover my bases as much as possible.

* As it is, the page "almost" validates with the W3C Markup  
validator.  I know that "almost valid" is 100% invalid, but the only  
failure (here is no attribute "itemid") is related to a custom  
attribute I'm using to cary data information.  I know its not in the  
W3c DTD and its not best to mix stuff into my markup but as long as  
its not breaking my layout I can live with that one error.

* There are CSS errors, but as best as I can tell they are all  
related to the Yahoo! CSS font stylesheet, or are related to not-yet- 
standard opacity attributes or the MS "filter" equivalent, so I don't  
believe they are problematic.


I'm up against a hard deadline so any advice you all might be able to  
offer is more appreciated than you can imagine.

Thanks,
Cliff

__
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 Hover backgroung placement

[Giovanni Intini]

Hi all, I have a problem with my site at http://medlar.it/ita. The navbar
hover is misplaced by a few pixel and doesn't cover the normal background,
giving the effect of an incomplete hover graphic. Can you help me fix it?

Thanks,
Giovanni
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE 7 Rendering Differences

[Tom Livingston]

Hi list,

Is there a significant/any difference in rendering (for testing
purposes) between IE7RC1 under XP and IE7 under Vista RC x (or Beta 3
or whatever the latest incarnation is)?

Thanks

-- 


Tom Livingston | Senior Multimedia Artist | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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] Validation assistance

[Mark J. Reed]

On 10/4/06, David Dorward <[EMAIL PROTECTED]> wrote:
> http://www.cs.tut.fi/~jkorpela/html/empty.html explains

Wow, informative doc.  Thanks for the link.

>   The /, in HTML terms is part of a NET tag

Note that "NET" here is short for "Null Ending Tag", and has nothing
to do with .NET, "the Net", etc. :)

-- 
Mark J. Reed <[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] Are CSS Drop-down Menus Searchable

[Al Sparber]

From: "Austin, Darrel" <[EMAIL PROTECTED]>
>> I was wondering if "in general", text based submenu(s) would
>> be searchable by search engine spyders or robots?
>
> If you turn of javascript and CSS can you still see the menu items? 
> If
> so, then yes, search engines shouldn't have a problem with it.

I think we're on off-topic ground here, but just wanted to step in on 
this one point. A menu can indeed have its sub-menus hidden, even with 
script disabled, and still be fully accessible to search bots. 
Actually, in certain instances, one would want to keep the sub-levels 
hidden from keyboard users and blind users, as discussed in this 
article:

http://www.projectseven.com/tutorials/accessibility/pop_integrated/index.htm

It depends on one's accessibility goals and the extend to which they 
are prepared to deploy the popups as an enhancement to navigation, 
rather than a requirement for navigation.

Sorry for the off-topic, but I saw a sligh inaccuracy and since my 
company's name was mentioned, just wanted to provide a bit more 
oversight :-) 


__
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] Spacing issue in nav UL

[Moshe Tapnack]

Hi folks

I recently joined the list and am jumping in for my first question(s).

Pls see: http://tapnack.net/azla (css:  http://tapnack.net/includes.1.css) 

Q1: you will see that in IE the navigation bar has a blue-ish space below
the bottom border - it shouldn't be there, but rather only 32px (the height
of the images). The issue existed on FF as well, until I set the height of
#nav to 32px.
Q2: in IE, below the picture on the left, there seems to be a small space
between it and the div below, which has a BG image. In FF this displays
fine.


Many thanks in advance!
Moshe

__
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] Are CSS Drop-down Menus Searchable

[Austin, Darrel]

> I was wondering if "in general", text based submenu(s) would 
> be searchable by search engine spyders or robots?

If you turn of javascript and CSS can you still see the menu items? If
so, then yes, search engines shouldn't have a problem with it.

The main issue is that two popular web tools (Dreamweaver and Fireworks)
have built in fly-out navigation menu systems that make REALLY crappy
and inaccessible fly-out navigation systems.

PVII makes one of the better ones. FYI, here's the list of one that I
can recommend IF you have to use fly-out navigation (which I usually
don't recommend):

http://mnteractive.com/archive/hangover-fly-out-navigation-part-ii/

-Darrel
__
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] Are CSS Drop-down Menus Searchable

[Rick Fulmer]

Greetings,

Some online groups like projectseven state that there sub-menus are
searchable. Others companies state that they have "search-friendly" CSS
menus.

I was wondering if "in general", text based submenu(s) would be searchable
by search engine spyders or robots?

Thanks,
Rick Fulmer
[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] Collapsing floats in IE

[Manuel Razzari]

Hello all.

I have a problem of collapsing floats and adjacent elements behaving
differently in Firefox/Opera vs IE (Win and Mac).

I have the following structure:


  
  
  
  


The IMGs are floated left. They are also cleared, so the second image
goes below the first. The problem is, in IE the image takes the second
paragraph with her.

Please check the following link on Firefox and IE:
http://ultimorender.com.ar/funkascript/css/fake_col/over_cleared.htm

As shown there, I've found a workaround, that involves moving the
images inside the paragraph and having a border on the paragraphs. The
problem is I might have block level elements instead of images, which
really shouldn't be going inside paragraphs. And well, having to use a
border is clearly ugly.

Hope someone can help or point to a different approach, or tell me if
the problem is not clear... Thanks!

-- 
Manuel Razzari
http://ultimorender.com.ar/funkascript
__
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] Validation assistance

[David Dorward]

On 04/10/06, Delos Woodruff <[EMAIL PROTECTED]> wrote:
> I tried to validate a page and got a particular error. Specifically,
> because I'm using a strict html doctype, it didn't like the final > in
> the css link.
>
> 

http://www.cs.tut.fi/~jkorpela/html/empty.html explains but the short
version is:

  The /, in HTML terms is part of a NET tag and closes the element, so
the ">" is the same as >, which isn't allowed as raw data inside
the head element. NET tags should be avoided in HTML:
http://www.w3.org/TR/html4/appendix/notes.html#h-B.3.3

In XHTML things are different, but if you're writing HTML, don't have the "/".

-- 
David Dorward 
__
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] Div not displaying in IE

[David Phipps]

Hi,

One problem down another lovely IE quirk found.

Take a look at this page:

http://www.methodist.org.uk/conference/htmlpages/clients.htm

same css file as previous email

Where exactly is IE hiding my form?  What have I missed in the css?

This happens on all the pages where there are forms.

Any suggestions? I have tried adding position: relative to these divs 
but this has not solved this issue.

Many thanks in advance.

Dave

Gunlaug Sørtun wrote:
> David Phipps wrote:
>> http://www.methodist.org.uk/conference/htmlpages/page1.htm
>
>> Both the html and css validate however on IE on XP the left hand 
>> navigation is hidden?
>
> Add...
> #leftnav {position: relative;}
> ...and IE-win will come to its senses and render the navigation.
>
> Then you should change font-size/line-height units to avoid 
> overlapping when the page is subjected to enforced font-resizing in 
> IE-win.
>
> regards
> Georg

-- 

David Phipps, Director
[EMAIL PROTECTED]

Chapel Studios / London
T +44 (0)20 7100 6980 F +44 (0)20 7100 6981 M +44 (0)7765 240899
New Broad Street House, 35 New Broad Street, London, EC2M 1NH, United Kingdom

Visit our website: http://www.chapel-studios.co.uk
_

Chapel Studios is a limited company registered in England. The
information in this email is confidential, intended solely for the
addressee, and may be legally privileged. If you are not the addressee
or authorized to receive this for the addressee, you must not use, copy,
disclose or take any action based upon this message or any information
herein. If you have received this message in error, please advise
the sender immediately by reply e-mail.

__
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] Div not displaying in IE

[Gunlaug Sørtun]

David Phipps wrote:
> http://www.methodist.org.uk/conference/htmlpages/page1.htm

> Both the html and css validate however on IE on XP the left hand 
> navigation is hidden?

Add...
#leftnav {position: relative;}
...and IE-win will come to its senses and render the navigation.

Then you should change font-size/line-height units to avoid overlapping 
when the page is subjected to enforced font-resizing in IE-win.

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] IE Layout Troubles

[Gunlaug Sørtun]

deprived one wrote:
> http://www.web2press.net/carepages/login.php is the site I am working
>  on and it looks as I expect it to in firefox. In IE, however, the 
> rounded corner images do not sit flush to the sides of the divs they 
> are in. I'm at a loss as to how to fix this.

If it's only IE6 you need to fix, then a proper doctype will solve it.
Ref: 

Check with the validator once you have fixed that...


Note: parts of that page will break quite early under normal
font-resizing stress - in all browsers.

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] Div not displaying in IE

[David Phipps]

Hi,

I have created a prototype page at the following url:

http://www.methodist.org.uk/conference/htmlpages/page1.htm

css:
http://www.methodist.org.uk/conference/htmlpages/mthdst_conf.css

Both the html and css validate however on IE on XP the left hand 
navigation is hidden?  You can rollover where the links should be and 
click on them to go to other pages but the menus do not appear.  I have 
tried adding a border around each containing div but this also does not 
display.

Can anyone take a look for me and suggest a solution (already tried 
Holly Hack - no change)? It looks fine in Firefox (no surprise!)

Many thanks in advance.

Dave

-- 

David Phipps, Director
[EMAIL PROTECTED]

Chapel Studios / London
T +44 (0)20 7100 6980 F +44 (0)20 7100 6981 M +44 (0)7765 240899
New Broad Street House, 35 New Broad Street, London, EC2M 1NH, United Kingdom

Visit our website: http://www.chapel-studios.co.uk
_

Chapel Studios is a limited company registered in England. The
information in this email is confidential, intended solely for the
addressee, and may be legally privileged. If you are not the addressee
or authorized to receive this for the addressee, you must not use, copy,
disclose or take any action based upon this message or any information
herein. If you have received this message in error, please advise
the sender immediately by reply e-mail.

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE Layout Troubles

[deprived one]

http://www.web2press.net/carepages/login.php is the site I am working on 
and it looks as I expect it to in firefox. In IE, however, the rounded 
corner images do not sit flush to the sides of the divs they are in. I'm 
at a loss as to how to fix this.

TIA,

Jay Drake
__
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] Validation assistance

[Aveek Bhattacharya]

Bjoern Hoehrmann wrote:
> * Delos Woodruff wrote:
>> I tried to validate a page and got a particular error. Specifically, 
>> because I'm using a strict html doctype, it didn't like the final > in 
>> the css link.
>>
>> 
  ^^^
(Note the space here)
> 
> If you use HTML, use 
> 
>   
> 
> If you use XHTML, use
> 
>   

If you are using XHTML, do not put a space between the '/' and the '>'
for closing the tag. (Check above.)

-- 
Regards,
Aveek Bhattacharya
IIT Bombay

__
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] ADMIN: ISO: MovableType or WordPress Guru?

[Eric A. Meyer]

At 8:41 AM -0400 10/3/06, swap wrote:

>My apologies, if this is not an appropriate post to
>this list.

In fact, it directly violates the list policies[1], and in the 
past, I've unsubscribed people for exactly the same infraction. 
Everyone who joins the list gets a welcome message which includes a 
link to the policies and a very obvious exhortation to read them[2]. 
I don't know how to make things any more clear, but if anyone has a 
suggestion, let me know.
(Just to address one common suggestion, it seems to be very, very 
difficult if not impossible to make visiting the policies page a 
condition for activating a new subscription.  If anyone has an 
example of this being done in a Mailman environment, PLEASE point me 
to it.)
For those who are in search of employees or employment, there are 
at least three good venues:

http://cssbeauty.com/jobs/
http://authenticjobs.com/
http://jobs.37signals.com/jobs

Some of those cost money to list a job offering, and others don't.  I 
have no affiliation (financial or otherwise) with any of them.  I 
just know they're there, and far more appropriate for job postings 
than a CSS mailing list whose policies explicitly disallow job 
postings.


[1] http://css-discuss.org/policies.html : "No solicitations of 
employment or requests for applications."

[2] An excerpt from said message: "This list has very definite ground 
rules.  They can be accessed at this URL: 
.  BE SURE TO READ THEM 
BEFORE YOU POST!!!  Thank you.  We look forward to your contributions 
to the discussion!"

-- 
Eric A. Meyer  ([EMAIL PROTECTED])
Principal, Complex Spiral Consulting   http://complexspiral.com/
"CSS: The Definitive Guide," "CSS2.0 Programmer's Reference,"
"Eric Meyer on CSS," and morehttp://meyerweb.com/eric/books/
__
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] Fwd: Opinions

[~davidLaakso]

Christian Heilmann wrote:
>> What do you mean that dropdown menus not accessible? On this site or in
>> general? Latter surely not?
>> 
>
> Try to access them with a keyboard, try to access them with an
> unsteady hand, and then you'll see how inaccessible any hover.htc menu
> is.
>
> Long explanation here: http://www.wait-till-i.com/index.php?p=327
>
>   
This is in reference to:  :
I agree the CSS dropdown menu may be an accesibility/usability problem. 
But since this list has to do with the practical application of CSS, a 
cross browser and reliable accesibility/usability solution to that 
problem may lie in information architecture. Is there any reason, for 
example, that the top navigation might just be a simple menu like this: 
. And that each 
parent file of the links in that menu have a vertical sidebar nav such 
as this ? Or am I 
out to lunch?
Regards,
~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem- Style Sheet for IE in a Conditional Comment

[Dejan Kozina]

I start more or less the same way:






... and when it works as requested in Firefox, IE6 and Opera and 
validates (ie.css too) I take a look at the thing with standalone 
versions of IE5.5 and IE5.01 (in that order) and add some corrections, 
importing more stylesheets at the end of the IE one if needed:

@media tty {
  i{content:"\";/*" "*/[EMAIL PROTECTED]; @import 'ie55.css'; /*";}
}/* */


@media tty {
  i{content:"\";/*" "*/}}; @import 'ie50.css'; {;}/*";}
}/* */



Rodney Toliver wrote:
> I'd still be interested in knowing how you and others link multiple style
> sheets to a page.
> 
-- 
Dejan Kozina
Dolina 346 (TS) - I-34018 Italy
tel./fax: +39 040 228 436 - cell.: +39 348 7355 225
http://www.kozina.com/  - e-mail: [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] Absolutely positioning an image - IE Bug?

[~davidLaakso]

David Amoros Tomas wrote:
> I'm designing a site for a client, and as part of their requirements there is 
> a logo in the top left corner. The page looks ok in Firefox, but when I load 
> the page in IE the logo does not appear. If I reload the page it magically 
> appears.
>
> http://www.tarragona.cat/lajuntament/proteccio_civil/quefem.html
> http://www.tarragona.cat/lajuntament/proteccio_civil/protcivil.css
That image came right up in XP IE for me. There is a minor misalignment 
of the link below the header. Correct the CSS errors that pertain to 
#cap, put the inline style in the css (add an alt="" for the image) , 
and add a background-color (your page is fuchsia in Opera on this end).
Best,
~dL


-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Opinions

[~davidLaakso]

Luis Speciale wrote:
> I'm working on a site
>  and I would like to know what experts think.
> I'ts my (totally) first site.
> Any comments or suggestions will be apreciated.
>
> Luis
No expert here-- just another bozo on the bus. Anyway, you are doing 
well, and a nice visual to boot, Luis. Something you may want to 
consider is that it is a little brittle-- many pages are experiencing 
float drop in IE at text-size largest; and, on the first zoom click in 
the Gecko browsers. The crossover on zoom may be somewhat unavoidable 
due to some very long words. It would be good idea to add a 
background-color for your page (not everyone defaults to #FFF). No big 
deal, if it is of any concern, the page appears to be usable but not 
rendering as intended at smaller screen resolutions in IE win/2k.
A bunch of screen captures:

Best,
~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Fwd: Opinions

[Luis Speciale]

Christian Heilmann a écrit :
>
> Long explanation here: http://www.wait-till-i.com/index.php?p=327
>
>   
Something more to read this weekend !-)

Thanks, Christian
__
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] Opinions

[Luis Speciale]

Raoul Snyman a écrit :
>
> Let me just warn you that there are a couple of people on this list who
> are less than nice when it comes to sites. Don't worry about what they
> say, they're just being normal... I think there's something wrong with them.
>   
I'm not afraid !-)
> Anyways... back to your site...
>
> it doesn't seem to be loading the stylesheets... :-(
>   
A question of laziness. I put the CSS twice because I get the CSSs paths 
via a PHP variable. I will remove that for the release.
> also, it might be worth your while to look at this article:
> http://www.websitewriters.co.za/xhtml/2006-03-28/the-long-lost-multi-column-layout/
>   
I did it. As I can understand, it talks about accessibility. I need to 
read it again. This week-end may be.
> Hope this helps!
>   
I'ts great to hear about your work when you work alone as I do. Opens 
your mind.

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] Fwd: Opinions

[Luis Speciale]

Christian Heilmann a écrit :
>> A beautiful first effort. Amazing if this is your first css site. Validates,
>> clean, great!
>> 
I'ts my first *total* site. I mean I did all : design, CMS integration, 
CSS...
>
> yep. The only problems I have is:
>
> - Resizing the font twice makes the left column hop to the right
>   

> On secondary pages you repeat the main
> navigation in the left hand column instead of showing the secondary
> menu.
>   

A secondary effet of the BAD breadcrumb-like, I think. I suppose that 
the unordered list explodes because I use a fixed width.
A wrong solution brings more problems. I think that I have to think it 
again.
> - The menu flow is odd. 
Which one ? The horizontal or the vertical ? I'm working on a Mac and I 
look the site with IE on Virtual PC.
As I can see the horizontal menu works fine.
> - CSS only dropdown menus are just not accessible
>   
I think you mean that someone, in some case, will loose the secondary 
elements ? I'm afraid I dont understand as well as I should.

Thank you for your answer.

__
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] Fwd: Opinions

[Christian Heilmann]

> What do you mean that dropdown menus not accessible? On this site or in
> general? Latter surely not?

Try to access them with a keyboard, try to access them with an
unsteady hand, and then you'll see how inaccessible any hover.htc menu
is.

Long explanation here: http://www.wait-till-i.com/index.php?p=327

-- 
Chris Heilmann
Book: http://www.beginningjavascript.com
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Fwd: Opinions

[Ian Young]

> yep. The only problems I have is:
>
> -.
> - CSS only dropdown menus are just not accessible

Eh?

What do you mean that dropdown menus not accessible? On this site or in
general? Latter surely not?

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.407 / Virus Database: 268.12.12/462 - Release Date: 03/10/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] Opinions

[Luis Speciale]

Christian Heilmann a écrit :
> That looks very nice. I am a bit confused about the navigation though.
I am a bit confused too !-)
>
> What is the point of repeating the main navigation on secondary pages
> on the left rather than showing the second level menu?
>
It tries to be a breadcrumb. But I'know that it do not works like I want.
As I begin to understand, designing sites i'ts more complicated than 
print design
because you must think also about time or path of the visitor !-)

Thank you for your feedback.

Luis
__
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] Fwd: Opinions

[Christian Heilmann]

> A beautiful first effort. Amazing if this is your first css site. Validates,
> clean, great!

yep. The only problems I have is:

- Resizing the font twice makes the left column hop to the right
- The menu flow is odd. On secondary pages you repeat the main
navigation in the left hand column instead of showing the secondary
menu.
- CSS only dropdown menus are just not accessible
-- 
Chris Heilmann
Book: http://www.beginningjavascript.com
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Opinions

[Ian Young]

> Subject: [css-d] Opinions
>
>
> Hi ;
>
> I'm working on a site
>
> http://box.ad-rh.com/adrh/
>
> and I would like to know what experts think.
> I'ts my (totally) first site.
> Any comments or suggestions will be apreciated.
>
> Thanks in advance.
>
> Luis


Site looks good - I guess it is a site pitched at recruitment from the
English version (although you need to address the translation which is not
correct).

On the design side, it would benefit greatly from the three columns being of
equal length.

regards

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.407 / Virus Database: 268.12.12/462 - Release Date: 03/10/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] Opinions

[Dave Goodchild]

A beautiful first effort. Amazing if this is your first css site. Validates,
clean, great!
__
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] Absolutely positioning an image - IE Bug?

[Ian Young]

> Subject: [css-d] Absolutely positioning an image - IE Bug?

> 
> I'm designing a site for a client, and as part of their 
> requirements there is a logo in the top left corner. The page 
> looks ok in Firefox, but when I load the page in IE the logo does 
> not appear. If I reload the page it magically appears.
> 
>

Just checked on Windows XP, Opera, IE6, IE7, Opera - all latest versions.

Logo loads first time every time.

Ian
-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.407 / Virus Database: 268.12.12/462 - Release Date: 03/10/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] Opinions

[Luis Speciale]

Hi ;

I'm working on a site

http://box.ad-rh.com/adrh/

and I would like to know what experts think.
I'ts my (totally) first site.
Any comments or suggestions will be apreciated.

Thanks in advance.

Luis




__
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] Absolutely positioning an image - IE Bug?

[David Amoros Tomas]

Good Morning,

I'm designing a site for a client, and as part of their requirements there is a 
logo in the top left corner. The page looks ok in Firefox, but when I load the 
page in IE the logo does not appear. If I reload the page it magically appears.

In the IE DOM Toolbar, the first time I load the page the height and width 
properties are 0; when I reload they get the right values (in this case 134px 
and 131px).

The tag of the image is:


URL:
http://www.tarragona.cat/lajuntament/proteccio_civil/quefem.html

CSS:
http://www.tarragona.cat/lajuntament/proteccio_civil/protcivil.css

Any thoughts on this?

Thanks in advance.
__
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] floating fields

[Bradley Wright]

On 03/10/2006 21:57, [EMAIL PROTECTED] wrote:
> Is it possible, in Internet Explorer 6, to make fields expand and contract 
> based up focus, without changing the rest of the layout of the page? I 
> know it would require JavaScript, because IE6 doesn't support :hover on 
> non-anchor elements, but I've had little luck with using z-index to float 
> an element up above the rest of the layout and thus having everything else 
> on the page jump around.
> 

I _think_ you want position: absolute; since that will remove the 
element from the page flow and thus not cause any "jumping around" of 
elements.
__
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/