Re: [css-d] Safari inline list wrap fixed (Still need NN7 help with footer)

[Leigh Baker-Foley]

Hello again, list,

As mentioned in my previous posts, I was asking for help with an inline 
list (the gateway nav just to the right, just under the letterbox photo) 
being wrapped to 2 lines in Safari for OSX 10.3 and 10.4 an have fixed 
it by adding
white-space: nowrap;
to the list's container. Hoorah!

Am still experiencing footer woes in NN7 on Win2k Pro, WinXP, OSX 10.3 
and OSX 10.4 when the (liquid) central container's content is shorter 
than the (fixed) side containers', however. Have any of you been able to 
address this before in NN7 without affecting competing browsers' display 
(It's perfect in the 29 other browsers I am required to accommodate, 
including IE5 and IE7)?

page in question:
http://notlimitednyc.com/COSA/footpain.shtml

global style sheet:
http://notlimitednyc.com/COSA/style/footpain.css

Many thanks again,
Leigh
__
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 nav list improperly displaying

[francky]

David A. Ensor wrote:

>[...]
>Hacked for quasi-fix in IE:
>http://www.muohio.edu/ims/v3/test.php
>http://www.muohio.edu/ims/v3/menus.css
>
>Pretty much the same as below, just added one line:  
>#p8P/Mnav li {width:auto; }
>
>The problem with setting the width is the spacing between the text and the
>south arrows looks stupid.  If I float the LI A {}, then all sub-menus go
>crazy.
>[...]
>
Hi Dave,
Fighting IE with own weapons :-) 
(the IE extending behaviour for all elements):

* html #p8PMnav li { 
width: 1%; 
white-space: nowrap;
}

is acting like min-width, while the no wrapping whitespace is 
prohibiting the two-word li's ("contact us") to split up in 2 lines 
without adding   's.
Here is the testpage 
.

Greetings,
francky

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

[css-d] Can somebody explain IE quirks mode?

[David O'Neill]

Hey one and all, forgive me if I sound ignorant or even stupid, but I 
have been looking into fixed header and footer positioning with the aim 
of creating a 3 column layout with needless to say fixed headers and 
footers and in a few of the examples I have looked at the code refers to 
IE and "quirks mode". Can somebody explain what this means and does it 
affect positioning in Firefox?

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

[css-d] IE5 windows test

[Gabriele Romanato]

http://www.css-zibaldone.com/the-css-switch-project/october-2006/internet-explorer-5-0-windows-test/

I've made several tests, one of them about forms. If there's something
wrong, please let me know.

bye all!

Gabriele Romanato
-- 
http://www.css-zibaldone.com/the-css-switch-project/
__
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] Can somebody explain IE quirks mode?

[Rick den Haan]

David O'Neill wrote:
>  Can somebody explain what ["quirks mode"] means
>  and does it affect positioning in Firefox?

David,

Take a look at the following[1] page. It had enough information to 
explain it to me.

HTH,
Rick.

[1]: http://www.quirksmode.org/css/quirksmode.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] Can somebody explain IE quirks mode?

[Jim Nannery]

Morning David

You wrote;

> Hey one and all, forgive me if I sound ignorant or even stupid, but I
> have been looking into fixed header and footer positioning with the aim
> of creating a 3 column layout with needless to say fixed headers and
> footers and in a few of the examples I have looked at the code refers to
> IE and "quirks mode". Can somebody explain what this means and does it
> affect positioning in Firefox?
>

Here are a few links that should explain the differences between Quirks Mode 
and Standards Mode and how different browsers handle them.

[1] http://en.wikipedia.org/wiki/Quirks_mode
[2] 
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp
[3] http://hsivonen.iki.fi/doctype/
[4] http://developer.mozilla.org/en/docs/Mozilla's_DOCTYPE_sniffing

and saving the best for last

[5] http://gutfeldt.ch/matthias/articles/doctypeswitch.html

hth

Jim Nannery
www.redfernenterprises.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] Can somebody explain IE quirks mode?

[Gunlaug Sørtun]

David O'Neill wrote:
> [...] a few of the examples I have looked at the code refers to IE
> and "quirks mode". Can somebody explain what this means and does it 
> affect positioning in Firefox?

It's a fair question, and here's a pretty good explanation...


XHTML 1.0, with a proper 'doctype declaration' on top and served as
'text/html', will trigger 'standard mode' in Firefox, Opera etc.
IE6' mode depends on whether an 'XML declaration' is present above the
'doctype declaration' - or not...


Firefox 'positioning' isn't affected at all in this scenario.


> [...] I have been looking into fixed header and footer positioning 
> with the aim of creating a 3 column layout[...]

This article...

...describes a solution where IE6' mode doesn't really matter all that
much, because it uses a mode-independent workaround (IE-expression) for
IE-win.

You're left with some coding-decisions when it comes to other
mode-dependent differences though, which is one reason why I most often
runs IE6 in 'quirks mode' and design for a 'mode-independent box'...


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 nav list improperly displaying : solved (2)

[francky]

Francky wrote:

>[...]
>* html #p8PMnav li { 
>width: 1%; 
>white-space: nowrap;
>}
>Here is the testpage 
>
>
>David A. Ensor wrote:
>You've added a new trick for my arsenal...and my world thanks you! 
>Yes, there's much validation to do; this dept asked me to help them fix
>their lack of standards-based code.  After menus get updated, the site 
>gets a XHTML overhaul.
>Thanks so much for the fix!
>  
>
... and also without the * html hack, correcting the IE error by another 
IE error (still - x - = +):

#p8PMnav li { 
float: left;
width: auto !important;
width: 1%;
white-space: nowrap;
}

because IE doesn't interpret the !important as it should; all browsers 
take the width auto, except IE.
New testpage 
.

I'm not sure what IE7-definitive will do,
see MSDN IEBlog 
,

but as far IE7 is now, it seems alright.
See browsershots-screen 
.

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] question about background image rollovers

[John Tice]

I am trying to produce rollover effects using this method by Eric Meyer.


After setting it up exactly as given, I spent way too much time  
trying to figure out why no background image displays at all, much  
less the rollover effect. Finally, I enclosed the a element in a div  
with the id and it works. But, I have no idea why I can't simply put  
the id on the a element as shown. Can someone help me understand why  
it only works inside a div?
Thanks,
John
__
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] Copyright block not extending in Firefox and Opera

[Josie Xie]

I looked at the css with cssviewer (an extension) in firefox, and it seems
that you have the width set to 800px.

On 10/7/06, iorhael <[EMAIL PROTECTED]> wrote:
>
> Okay, one more thing with this layout...everything looks fine now in IE
> but the copyright block doesn't extend all the way over in Firefox and
> Opera. I set the copyright div id to 100% width so I am not sure why this is
> happening:
>
> http://www.figureskatersonline.com/znew/about.php
>
> http://www.figureskatersonline.com/znew/stylesheets/import.css
>
> I have a feeling I will go "duh" when I hear the solution ;o!
>
> Debbie
> __
> 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/
>



-- 
Zhuoshi Xie
Student at Walsh MS
Web Designer at LeapDesigns
www.achalios.wordpress.com
www.twistedliving.blogspot.com
www.leapdesigns.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/

[css-d] top padding or margin problems in IE6

[Maren Child]

On the page www.biotext.com.au, I can't get the image of the words 
(health, agriculture etc) to line up where I want it - that is, with its 
top in line with the top of the image of test tubes on its left.
Also, on the page http://www.biotext.com.au/services/writing.shtml I 
changed the #main: padding-left to 23 px as suggested by Peter, and it 
fixed the big gap at the top of the page for IE6 SP2 but apparently not 
for IE6 SP1. I haven't looked lately at IE5, if anyone has it can they 
tell me if it's okay in IE5?
I would really appreciate any more advice about these problems.
Thanks
Maren

__
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] top padding or margin problems in IE6

[Gunlaug Sørtun]

Maren Child wrote:
> On the page www.biotext.com.au, I can't get the image of the words 
> (health, agriculture etc) to line up where I want it - that is, with
> its top in line with the top of the image of test tubes on its left.

Wrong address - the ID should be #main, not #left.

Try...

#main img.top20 {
margin-top: 15px;
}

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/