[css-d] page check please

[Noah Learner]

Hi All,

Can you please click on the faces on the left.  I want to make sure that two
onclick events work that the person's bio comes up and a detail photo comes
up too.  I am especially interested in internet explorer 6.0 and older.

http://www.bartlettsfarm.com/staff1.html

Many Thanks,

Noah
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Page check please

[Luc]

 Good evening list,

 Could some good soul give me some feedback on the following page:

 http://www.dzinelabs.com/projects/MP/Pages/werkendvoorbeeldcsslist2.html

 Css is embedded.

 Requests:
 how does it look at 600x800, Moz, FF, IE?
 
 
-- 
Best regards,
 Luc


http://www.dzinelabs.com

Powered by The Bat! version 3.99.3 with Windows XP (build 2600),
version 5.1 Service Pack 2 and using the best browser: Opera.

"To exercise is human; not to is divine." - Robert Orben.


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Page Check Please

[Del Wegener]

Good Afternoon;

I have slowly been moving toward all CSS and now have my first page without 
tables, frames, or JavaScript.  It all validates.

In your opinion am I proceeding correctly ?
http://www.edi-cp.com/edi_new/edi_page_layout.htm
Do you see anything that will get me into trouble as I proceed to the more 
complex pages of the site?

I have colored the block level elements so that I and my client can view 
what is happening and can communicate.

Note the white space above and below the orange box near the bottom.  How 
can I get rid of the white space?

Thanks for any help and/or opinions.

Del 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Page Check please

[Del Wegener]

Good Morning;

The page in question
http://www.drdelmath.com/special_topics/function/functions_quadratic_properties.htm
is pretty simple but it is another step for me in using "best practices."
This uses no tables and I believe my CSS is pretty lean and clean.
Right now I use Javascript to display content contained in a file.  As time 
permits I expect to learn enough PHP to do that without Javascript.

I am interested in:
1) Does it look okay in all browsers?
2) Does the style switcher (monitor vs projection) work well?
3) Does the footer stay at the bottom of the document?
4) Are the header words centered on the document as if the radio buttons 
were not present?
5) Does the print style sheet present a good looking document?
6) Am I taking full advantage of inheritance in CSS?

Thanks for any and all comments.

Del 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Page Check Please

[hairball]

OK I have this page it works fine in Safari, FF on Mac.

I did take notice that if I added a wrapper around the header to the footer
the maincontent bgcolor moves to the top of the manicontent section.

Now if I move the closing div for the maincontent so it is outside of the
footer closing div the manicontent bgcolor covers the maincontent area but
my footer is inside the maincontent.

What am I doing wrong ?

How to fix ?

Help GREATLY appreciated!!

http://home.comcast.net/~s.oravec/index.html
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] page check please

[Schalk]

Greetings All,

Please have a look at the following pages:
http://www.volume4.com/fc/index.html
http://www.volume4.com/fc/entry_archive.html

Let me know any problems you run into. I know IE6 has some bugs, the 
strangest for though is what happens in Opera. Thanks!

-- 
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers


__
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] page check please

[Schalk]

Greetings everyone!

I believe I have sorted out all of the problems with these pages but, to 
make sure, I would appreciate it if I can get one last check done on the 
following two pages:

www.volume4.com/fc/
www.volume4.com/fc/entry_archive.html

CSS
www.volume4.com/fc/css/standards.css
www.volume4.com/fc/css/forms.css
www.volume4.com/fc/css/ie.css

Thanks!

-- 
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers


__
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] Page check please

[Ian Young]

See what you think of this page, which has been converted from table based
template and JavaScript menu

Seems to zoom in ok, but think it might be breaking at 800x 600 (according
to browsercam).

http://www.iyesolutions.co.uk/templates/vensite/navtest.html

http://www.iyesolutions.co.uk/templates/vensite/styles.css

Thanks anticipation.

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.394 / Virus Database: 268.9.4/375 - Release Date: 25/06/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] Page check please.

[Mark Batty (Gmail)]

Hi all

I've made some changes since my last post, I think it now works in the 
following:

FF1.5, IE6, IE5.5, Opera 9 (XP)

I believe there are issues in Netscape, Mozilla, Safari and IE5 Mac, 
would anyone be able to check these and any other platforms/browsers for 
me please.

I think ideally I would like it stable in IE6/5.5, IE5 Mac, FF, Safari. 
  Opera would be nice (I think it works in 9) as would Mozilla (which I 
think has a similar bug to Netscape).

If anyone finds any problems I would appreciate any pointers or advice 
as I am now at the end of my CSS knowledge :(

I've used some hack management now as I was getting confused and can 
hopefully drop them one by one in the future.  The main files are below 
and the ie5mac.css just sets the main content text to green to check if 
the filter is working, could someone confirm please.  The portfolio link 
works to test 'you are here' in the main navigation.







Thanks.

Mark.

__
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] page check please

[Jehangir Larry]

Appreciate a page check - different user agents (specially older IE), with 
suggestions for improvement.
www.teerthyatri.com
Many TIA.
Larry

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] page check please

[jeffrey morin]

i'm seeing bios pop up but no images besides the first in ie6

Jeff
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Page Check Please

[David Laakso]

Del Wegener wrote:
>
> http://www.edi-cp.com/edi_new/edi_page_layout.htm
>
> Note the white space above and below the orange box near the bottom.  How 
> can I get rid of the white space?
>
>
> Del 
>
>
>
>   




div#extra p {margin:0;}

div#content {
padding-bottom:1px;
}

Food for thought:



-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Page Check please

[David Laakso]

Del Wegener wrote:
> Good Morning;
>
> The page in question
> http://www.drdelmath.com/special_topics/function/functions_quadratic_properties.htm
> is pretty simple but it is another step for me in using "best practices."
> This uses no tables and I believe my CSS is pretty lean and clean.
>   




I pass: other than to say, some might consider best practice is to 
validate to a "strict" doctype.




> Right now I use Javascript to display content contained in a file.  As time 
> permits I expect to learn enough PHP to do that without Javascript.
>
> I am interested in:
> 1) Does it look okay in all browsers?
>   



I think it dose fine.

However, if you are into nit-picking, then I guess does it look okay in 
all browsers depends on how one interprets the expression "does it look 
okay."
In the wonderful world of personal opinion, setting the primary content 
font-size to suit your preference, rather  than  users preference does 
not "look okay" to me.
Nor I'm not crazy about trying to decipher or read anything in 
print-media or on the Web that is red, white, and blue.
A line-measure of 85 percent of the screen will be difficult for users 
with very wide widows.


> 2) Does the style switcher (monitor vs projection) work well?
>   

I pass.



> 3) Does the footer stay at the bottom of the document?
>   


Yes.



> 4) Are the header words centered on the document as if the radio buttons 
> were not present?
>   


The words are physically centered.  And they appear to be /visually/ 
centered at narrow screen widths. For users at 1600 and up it is 
difficult to say one way or the other. To visually center the words in 
wide windows (I'm at 1680) the left and right reference points are 
needed so the user can determine just what the words are centered on: 
for example, a 1px solid border on the body declaration.



> 5) Does the print style sheet present a good looking document?
>   



I pass.




> 6) Am I taking full advantage of inheritance in CSS?
>   


I pass.




> Thanks for any and all comments.
>
> Del 
>
>
>   





-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Page Check please

[David Laakso]

David Laakso wrote:
> Del Wegener wrote:
>   
>> Good Morning;
>>
>> The page in question
>> http://www.drdelmath.com/special_topics/function/functions_quadratic_properties.htm
>> is pretty simple but it is another step for me in using "best practices."
>> This uses no tables and I believe my CSS is pretty lean and clean.
>>   
>> 
>
>   
>> 4) Are the header words centered on the document as if the radio buttons 
>> were not present?
>>   
>> 
>


 Whoops. Forgot to look at the page in IE/6. The words are /not/ 
centered at all window widths.

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Page Check please

[Del Wegener]

> In the wonderful world of personal opinion, setting the primary content 
> font-size to suit your preference, rather  than  users preference does not 
> "look okay" to me.
> Nor I'm not crazy about trying to decipher or read anything in print-media 
> or on the Web that is red, white, and blue.
> A line-measure of 85 percent of the screen will be difficult for users 
> with very wide widows.
>
Thanks for your response David.
http://www.drdelmath.com/special_topics/function/functions_quadratic_properties.htm
You frequently make similar comments about font-size.  I started with 
font-size at 100% in the body and then set the other font sizes relative to 
that by using em measurements.  I thought that would honor user preferences.
How do you suggest I set font-size?

Do you object to the use of colors in textual material or just the choice of 
colors?  The colors in this document do serve a purpose and are consistent 
with the use of red and blue throughout the site.
If not with colors, how would you highlight term being defined and/or 
content identifier?

What do you suggest for line-measure? If I don't set right and left margins 
on the body, then it is worse for wide screens.  If I set larger margins, 
then it is bad for folks with smaller screens.  What is the appropriate 
compromise?  It seems to me that those of us with large monitors should 
change the size of our browser to fit our preference.

As a result of your other response I cranked up my old machine and looked at 
the page again in IE6.  I could shrink the browser window width to about an 
inch and the words in the header stayed centered above the content.  So what 
is the difference between your and my setup of IE6?

Thanks again.  Look forward to your response.

Del



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Page Check please

[Peter Hyde-Smith]

David Laakso wrote to Del,


>> In the wonderful world of personal opinion, setting the primary content
>> font-size to suit your preference, rather  than  users preference does 
>> not
>> "look okay" to me.

>> A line-measure of 85 percent of the screen will be difficult for users
>> with very wide widows.
>>

Del responded in parts,

> Thanks for your response David.
> http://www.drdelmath.com/special_topics/function/functions_quadratic_properties.htm
> You frequently make similar comments about font-size.  I started with
> font-size at 100% in the body and then set the other font sizes relative 
> to
> that by using em measurements.  I thought that would honor user 
> preferences.
> How do you suggest I set font-size?
>

I think what you've changed to is a start on the right track. Your initial 
CSS showed the font sized fixed in pixels. Your CSS could be leaner using 
font declaration and other short cuts.

>
> What do you suggest for line-measure? If I don't set right and left 
> margins
> on the body, then it is worse for wide screens.  If I set larger margins,
> then it is bad for folks with smaller screens.  What is the appropriate
> compromise?  It seems to me that those of us with large monitors should
> change the size of our browser to fit our preference.
>

Look at David's test page and others to see use of the min/max width 
property for screen width. It controls excessive line lengths on ultra wide 
screens, and prevents "crunch wrapping" at narrow screen widths.

http://www.chelseacreekstudio.com/ca/portfolio/

>
> Thanks again.  Look forward to your response.
>
> Del
>

Peter
www.fatpawdesign.com
In God we trust, all else bring data... 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Page Check please

[David Laakso]

Del Wegener wrote:
>
> http://www.drdelmath.com/special_topics/function/functions_quadratic_properties.htm
> You frequently make similar comments about font-size.  I started with 
> font-size at 100% in the body and then set the other font sizes relative to 
> that by using em measurements. 



The font-size currently set on the body declaration or your page is the 
same as of this writing as it was earlier today-- 80% (or 20% smaller 
than default). Try setting it at 100%.


>
> Do you object to the use of colors in textual material or just the choice of 
> colors?  The colors in this document do serve a purpose and are consistent 
> with the use of red and blue throughout the site.
> If not with colors, how would you highlight term being defined and/or 
> content identifier?
>   


Essentially there is nothing intrinsically wrong with color within 
textual material.
The primary colors (red, blue, and yellow) are difficult to use on the 
"canvas"-- whether the "canvas" is paper, linen, or a computer screen.
The very, very discriminatory of one color (either red or blue) in 
addition to bold in black might  better for text. Name of the game with 
color and boldface within text is to /use very little of it/, and try 
not to assault folks senses while your do it: think "less" is "more."






>
> As a result of your other response I cranked up my old machine and looked at 
> the page again in IE6.  I could shrink the browser window width to about an 
> inch and the words in the header stayed centered above the content.  So what 
> is the difference between your and my setup of IE6?
>
>   

It is, as you noted, fine in narrow windows. It is not centered in the 
page in a very wide window. On a MBP (116.5 dpi) at full window width 
IE/6 more or less centers h2 but not h1.












__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Page Check please

[Rob Emenecker]

> Essentially there is nothing intrinsically wrong with color 
> within textual material.
> The primary colors (red, blue, and yellow) are difficult to use on the
> "canvas"-- whether the "canvas" is paper, linen, or a computer screen.
> The very, very discriminatory of one color (either red or 
> blue) in addition to bold in black might  better for text. 
> Name of the game with color and boldface within text is to 
> /use very little of it/, and try not to assault folks senses 
> while your do it: think "less" is "more."

Though I'm not a frequent poster here -- mostly a lurker -- I did want to
expand on this briefly.

While I have no issue with the use of color, fully saturated colors cause
too much of a distraction away from the content. Less saturated colors would
give you "more with less" to rephrase David's comment. (Again, this is just
an aesthetic comment. Other's will no doubt have other opinions.)

There is also the issue -- though dated -- that red, blue, and purple can
also be confused with a user's default link color styling. Again, that last
one is a bit dated.

This all being said, you do use colors consistently. That is good. Blue for
level 1 and level 2 heads, and Red for level 3 run-in heads (though they are
not tagged as h3).

There is one display issue that I did see. While you did fix the centering
with respect to the radio buttons, when printed, the heading is no longer
centered.

...Rob

Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
 
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted.
 

> -Original Message-
> From: [EMAIL PROTECTED] 
> [mailto:[EMAIL PROTECTED] On Behalf Of David Laakso
> Sent: Sunday, June 29, 2008 3:10 PM
> To: Del Wegener
> Cc: css
> Subject: Re: [css-d] Page Check please
> 
> Del Wegener wrote:
> >
> > 
> http://www.drdelmath.com/special_topics/function/functions_quadratic_p
> > roperties.htm You frequently make similar comments about 
> font-size.  I 
> > started with font-size at 100% in the body and then set the 
> other font 
> > sizes relative to that by using em measurements.
> 
> 
> 
> The font-size currently set on the body declaration or your 
> page is the same as of this writing as it was earlier today-- 
> 80% (or 20% smaller than default). Try setting it at 100%.
> 
> 
> >
> > Do you object to the use of colors in textual material or just the 
> > choice of colors?  The colors in this document do serve a 
> purpose and 
> > are consistent with the use of red and blue throughout the site.
> > If not with colors, how would you highlight term being 
> defined and/or 
> > content identifier?
> >   
> 
> 
> Essentially there is nothing intrinsically wrong with color 
> within textual material.
> The primary colors (red, blue, and yellow) are difficult to use on the
> "canvas"-- whether the "canvas" is paper, linen, or a computer screen.
> The very, very discriminatory of one color (either red or 
> blue) in addition to bold in black might  better for text. 
> Name of the game with color and boldface within text is to 
> /use very little of it/, and try not to assault folks senses 
> while your do it: think "less" is "more."
> 
> 
> 
> 
> 
> 
> >
> > As a result of your other response I cranked up my old machine and 
> > looked at the page again in IE6.  I could shrink the browser window 
> > width to about an inch and the words in the header stayed centered 
> > above the content.  So what is the difference between your 
> and my setup of IE6?
> >
> >   
> 
> It is, as you noted, fine in narrow windows. It is not 
> centered in the page in a very wide window. On a MBP (116.5 
> dpi) at full window width
> IE/6 more or less centers h2 but not h1.
> 
> 
> 
> 
> 
> 
> 
> 
> 
> 
> 
> 
> __
> css-discuss [EMAIL PROTECTED] 
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/ List 
> policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Page Check please

[Del Wegener]

>
> There is one display issue that I did see. While you did fix the centering
> with respect to the radio buttons, when printed, the heading is no longer
> centered.
>
> ...Rob
Thanks Rob;
I will fix that.  It is centered on the content, but not on the page.
Thanks for the catch.
Del 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] page check please

[Ian Young]

Please have a look at the following pages:
> http://www.volume4.com/fc/index.html
> http://www.volume4.com/fc/entry_archive.html
>
> Let me know any problems you run into. I know IE6 has some bugs, the
> strangest for though is what happens in Opera. Thanks!
>
>
#top-nav {
position:relative;
/*float:left;*/
padding:91px 0 0 330px;

removing float:left; brings menu into header albeit in the center across FF,
Opera and IE.

It's a start, I guess. I am trying to work out why you need such bizarre
padding parameters tho'

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.375 / Virus Database: 267.15.11/264 - Release Date: 17/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] page check please

[Ingo Chao]

Schalk wrote:
> Greetings All,
> 
> Please have a look at the following pages:
> http://www.volume4.com/fc/index.html
> http://www.volume4.com/fc/entry_archive.html
> 
> Let me know any problems you run into. I know IE6 has some bugs, the 
> strangest for though is what happens in Opera. Thanks!
> 

If you are concerned about Opera's rendering, then you probably haven't 
seen Safari.

#content collapses to 252px, leaving 50%=126px for both #left and #right.

I think you need to apply width:100% to #content.


The navigation problem in Opera and Safari is a float drop of the 
navigation ul#top-nav, resulting in a huge gap. This happens in Fx after 
one step in text zoom, too.

A global setting seems to be the culprit:
   h1, h2, h3, h4, h5, h6, pre, blockquote, label, ul, ol, dl, fieldset, 
address { margin: 1em 5%; }

I wouldn't use such a %-margin set, at least not for IE, as this could 
be an invitation to disaster.

You should rethink the positioning of the navigation
   #top-nav {padding: 91px 0 0 330px; position: relative; float: left; }

The huge left padding must cause a float drop at a certain text zoom.


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] page check please

[Jim Davis]

Schalk,

Re-sizing text presents problems. Look at the design in FF  Win and press
control+ and you will see a page that  renders similar to  what you see in
Opera. Perhaps sizing the menu elements in em's may help.

I  would be interested in any feedback you get as a result of your fixed
width design that is greater than 800px wide. I instruct a "how to use your
computer" class for real estate agents and a majority of these users keep
their screens set to 800px wide. Many also set IE to the large text size.

Jim

On 2/20/06, Schalk <[EMAIL PROTECTED]> wrote:
>
> Greetings All,
>
> Please have a look at the following pages:
> http://www.volume4.com/fc/index.html
> http://www.volume4.com/fc/entry_archive.html
>
> Let me know any problems you run into. I know IE6 has some bugs, the
> strangest for though is what happens in Opera. 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] page check please

[Christian Sahm]

Am 20.02.2006 um 17:10 schrieb Schalk:

> Greetings All,
>
> Please have a look at the following pages:
> http://www.volume4.com/fc/index.html
> http://www.volume4.com/fc/entry_archive.html
>
> Let me know any problems you run into. I know IE6 has some bugs, the
> strangest for though is what happens in Opera. Thanks!
>
> -- 
> Kind Regards
> Schalk Neethling
> Web Developer.Designer.Programmer.President
> Volume4.Business.Solution.Developers

Sorry Schalk,

I think the strangest what could happen is in Safari.
Have a try on this: http://snugtech.com/en/safaritest

Regards
Christian
-- 
Christian Sahm  -  ICQ 108601853
GPG Public Key: http://www.saweso.com/christiansahm.asc
www.saweso.com - www.lug-untermain.de - climb.saweso.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] page check please

[Schalk]

Christian Sahm wrote:
> Am 20.02.2006 um 17:10 schrieb Schalk:
>
>   
>> Greetings All,
>>
>> Please have a look at the following pages:
>> http://www.volume4.com/fc/index.html
>> http://www.volume4.com/fc/entry_archive.html
>>
>> Let me know any problems you run into. I know IE6 has some bugs, the
>> strangest for though is what happens in Opera. Thanks!
>>
>> -- 
>> Kind Regards
>> Schalk Neethling
>> Web Developer.Designer.Programmer.President
>> Volume4.Business.Solution.Developers
>> 
>
> Sorry Schalk,
>
> I think the strangest what could happen is in Safari.
> Have a try on this: http://snugtech.com/en/safaritest
>
> Regards
> Christian
>   
Greetings Chris,

I believe setting the content div to 100% sorted out that problem.

-- 
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers


__
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] page check please

[dsleep]

> Hello,

I tried the Safari link below with my website and it looks almost the same
in Opera as it does in Safari.

One of the images gets distored in Safari and the CSS menu wraps. Opera
wraps the menu.

A caveaut is that on my localhost, Opera does not show the menu at all.
IE6 looks fine except the menu hides behind the images. FireFox looks just
fine.

Trouble shooting tips?

Thanks
Dennis
>
> Christian Sahm wrote:
>> Am 20.02.2006 um 17:10 schrieb Schalk:
>>
>>
>>> Greetings All,
>>>
>>> Please have a look at the following pages:
>>> http://www.volume4.com/fc/index.html
>>> http://www.volume4.com/fc/entry_archive.html
>>>
>>> Let me know any problems you run into. I know IE6 has some bugs, the
>>> strangest for though is what happens in Opera. Thanks!
>>>
>>> --
>>> Kind Regards
>>> Schalk Neethling
>>> Web Developer.Designer.Programmer.President
>>> Volume4.Business.Solution.Developers
>>>
>>
>> Sorry Schalk,
>>
>> I think the strangest what could happen is in Safari.
>> Have a try on this: http://snugtech.com/en/safaritest
>>
>> Regards
>> Christian
>>
> Greetings Chris,
>
> I believe setting the content div to 100% sorted out that problem.
>
> --
> Kind Regards
> Schalk Neethling
> Web Developer.Designer.Programmer.President
> Volume4.Business.Solution.Developers
>
>
> __
> 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-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] page check please

[Schalk]

[EMAIL PROTECTED] wrote:
>> Hello,
>> 
>
> I tried the Safari link below with my website and it looks almost the same
> in Opera as it does in Safari.
>
> One of the images gets distored in Safari and the CSS menu wraps. Opera
> wraps the menu.
>
> A caveaut is that on my localhost, Opera does not show the menu at all.
> IE6 looks fine except the menu hides behind the images. FireFox looks just
> fine.
>
> Trouble shooting tips?
>
> __
> 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/
>
>
>   
If you are offering trouble shooting tips, the yes please :)

-- 
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers


__
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] page check please

[Schalk]

Schalk wrote:
>
>
> Christian Sahm wrote:
>> Am 20.02.2006 um 17:10 schrieb Schalk:
>>
>>  
>>> Greetings All,
>>>
>>> Please have a look at the following pages:
>>> http://www.volume4.com/fc/index.html
>>> http://www.volume4.com/fc/entry_archive.html
>>>
>>> Let me know any problems you run into. I know IE6 has some bugs, the
>>> strangest for though is what happens in Opera. Thanks!
>>>
>>> -
>
Hey there all!

Please have a look at these pages again 
(http://www.volume4.com/fc/index.html, 
http://www.volume4.com/fc/entry_archive.html). I have fixed some of the 
issues but one that still gets me is why the top navigation pushes the 
content block down. If I get within 10px from it's correct location 
everything is still fine but, as soon as I move it that extra 10 or 12 
px down it pushes down the content block by the same :(

Also, why does Opera wrap the menu to two lines? Not even IE does that? 
Any and all help much appreciated. If you pick up other issues please 
let me know. Thanks!

-- 
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers


__
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] page check please

[David Laakso]

Schalk wrote:

>I believe I have sorted out all of the problems with these pages but, to 
>make sure, I would appreciate it if I can get one last check done on the 
>following two pages:
>www.volume4.com/fc/
>www.volume4.com/fc/entry_archive.html
>
Schalk,
It sees to be doing well in linux debian-- konqueror/firefox/opera.
A couple of suggestions:
1/ At higher screen resolutions the background image does not fill the 
screen. You might
reduce the 850px width to something more reasonable for faster load and 
set it to repeat.
2/ The page is perfectly usable at 800. However, you are drawing a 
horizontal scrollbar at that resolution due to the 61em(976px) width of 
the outermost container(I've got a thing about h-scroll bars that not 
everyone else shares).
3/ The blue text could use more contrast, IMO.
Regards,
~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] page check please

[Schalk]

David Laakso wrote:
> Schalk wrote:
>>  believe I have sorted out all of the problems with these pages but, to 
>> make sure, I would appreciate it if I can get one last check done on the 
>> following two pages:
>> www.volume4.com/fc/
>> www.volume4.com/fc/entry_archive.html
>>
>> 
> Schalk,
> It sees to be doing well in linux debian-- konqueror/firefox/opera.
> A couple of suggestions:
> 1/ At higher screen resolutions the background image does not fill the 
> screen. You might
> reduce the 850px width to something more reasonable for faster load and 
> set it to repeat.
> 2/ The page is perfectly usable at 800. However, you are drawing a 
> horizontal scrollbar at that resolution due to the 61em(976px) width of 
> the outermost container(I've got a thing about h-scroll bars that not 
> everyone else shares).
> 3/ The blue text could use more contrast, IMO.
> Regards,
> ~davidLaakso
Greetings All!

On point 1: Now why didn't I think of that! :)
On point 2: I agree with Felix and David here however, the client wants 
the site to be optimized for 1024x768 and demanded the width I am using 
as the min width.
On point 3: I agree, maybe bold will help? Not sure though.

Thanks for everyones input.

-- 
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers


__
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] page check please

[David Laakso]

Schalk wrote:

> David Laakso wrote:
>
>> Schalk wrote:
>>
>>>  believe I have sorted out all of the problems with these pages but, 
>>> to make sure, I would appreciate it if I can get one last check done 
>>> on the following two pages:
>>> www.volume4.com/fc/
>>> www.volume4.com/fc/entry_archive.html
>>> 
>>
>> Schalk,
>> 3/ The blue text could use more contrast, IMO.
>> Regards,
>> ~davidLaakso
>
> Greetings All!
> On point 3: I agree, maybe bold will help? Not sure though.
>
On point 3:
Bump the font-size, not the weight--  use a color picker to pull a blue 
from the 'blue' cartoon? FWIW, think deep 'cornflower blue.'
(God I love this stuff that has nothing to do with css.)
~dL
__
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] Page check please

[Robert O'Rourke]

Ian Young wrote:
> thanks, Robert
>
> Trying to get the logo and the "about" gif to line up  and be close together
> as per original
>
> http://www.mambo.in-development-server.co.uk/trossachs/index.php?option=com_
> content&task=view&id=22&Itemid=39
>
> This table based template looks ok but the script?!?!
>
> Ian
Right, I see..

To get them to line up its probably easier to put the logo in a 
header div along with the 'about' gif to give a consistent height + 
background colour to that section. I think this may be your best option 
for this particular layout:

http://www.alistapart.com/articles/negativemargins

Its all float based and will allow you to create a fixed width 
sidebar and fluid content area using the same source order you have now.

__
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] Page check please

[David Laakso]

Ian Young wrote:
> See what you think of this page, which has been converted from table based
> template and JavaScript menu
>
> Seems to zoom in ok, but think it might be breaking at 800x 600 (according
> to browsercam).
>
> http://www.iyesolutions.co.uk/templates/vensite/navtest.html
>
> http://www.iyesolutions.co.uk/templates/vensite/styles.css
>
> Thanks anticipation.
>
> Ian
>
>   
Changing the width of #columnRight from 80% to something like 75% 
may(guessing) cure the float drop at 800.
I /think/ if you delete the horizontal padding from #content, you'll 
eliminate the h-scroll bar. Add p tags to the text in that division,  
and assign p {margin: 10px; }in the css.
You may need to assign a background color to html, body.
Mixing percent with points for line-height is a deadly combination.
body {  font-size: 100.1%; line-height: 13pt;  }
reset to:
body {  font-size: 100%; line-height: 1.2;  }
And if you a really into avant garde Web design  :-) , delete the 
font-size on the container, and let it inherit default.
#container{ /*font-size:0.75em;*/  }
Regards,
~dL

-- 

http://chelseacreekstudio.com/ca/ccs/pow/pow.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] Page check please

[Lisa Ellington]

Hi Ian--

Seems to look ok but if I close my menu down to say,  650px wide, the  
menu disappears.
It looks fine at 800. Testing on Safari and  Firefox on a mac.

Lisa


On Jun 26, 2006, at 12:54 PM, Ian Young wrote:

> See what you think of this page, which has been converted from  
> table based
> template and JavaScript menu
>
> Seems to zoom in ok, but think it might be breaking at 800x 600  
> (according
> to browsercam).
>
> http://www.iyesolutions.co.uk/templates/vensite/navtest.html
>
> http://www.iyesolutions.co.uk/templates/vensite/styles.css
>
> Thanks anticipation.
>
> 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.394 / Virus Database: 268.9.4/375 - Release Date:  
> 25/06/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-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] Page check please

[francky]

Lisa Ellington wrote:

>On Jun 26, 2006, at 12:54 PM, Ian Young wrote:
>  
>
>>[...]
>>Seems to zoom in ok, but think it might be breaking at 800x 600  
>>(according to browsercam).
>>http://www.iyesolutions.co.uk/templates/vensite/navtest.html
>>
>>
>Hi Ian--
>Seems to look ok but if I close my menu down to say,  650px wide, the  
>menu disappears.
>It looks fine at 800. Testing on Safari and  Firefox on a mac.
>  
>
Hi Ian,
Testing FF1.07 and IE6 on Win98SE: adding a small width to the left 
column seems to help:
#columnLeft { width: 15px; }
See testpage:
http://home.tiscali.nl/developerscorner/css-discuss/test-navtest.html

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] page check please

[~davidLaakso]

Jehangir Larry wrote:
> Appreciate a page check - different user agents (specially older IE), with 
> suggestions for improvement.
> www.teerthyatri.com
> Many TIA.
> Larry
>
>   
Larry, I think it is probably working as you intend in ie7.0 and the 
latest versions of ff and opera. IE 6 and down do not support position 
fixed so problems are anticipated there. The flower image works on hover 
but not the header image on hover. There is left column float drop in 
ie/6.0-- probably due to the horizontal padding on the width bearing 
right column. Moving that padding to the inside elements might help 
(although others on the list may have an easier css work around). The 
page is against the left rail in ie5 and 5.5. Try adding text-align: 
center; to the body declaration. And text-align: left; to #wrap.
Best,
~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] page check please

[Jehangir Larry]

~davidLaakso wrote:
> Larry, I think it is probably working as you intend in ie7.0 and the 
> latest versions of ff and opera. IE 6 and down do not support position 
> fixed so problems are anticipated there. The flower image works on hover 
> but not the header image on hover. There is left column float drop in 
> ie/6.0-- probably due to the horizontal padding on the width bearing right 
> column. Moving that padding to the inside elements might help (although 
> others on the list may have an easier css work around). The page is 
> against the left rail in ie5 and 5.5. Try adding text-align: center; to 
> the body declaration. And text-align: left; to #wrap.
> Best,
> ~dL

Thanks David.
Did as you said. Unable to center the various buttons in the sidebar - 
despite margin 0 auto and text-align-center.
Pls re-check for me? Also any suggestion - how to center those 'buttons'?
Deeply appreciate your support.
The 'fixed' problem implies I modify the design?
Best.
Larry
From: "~davidLaakso" <[EMAIL PROTECTED]>
To: "Jehangir Larry" <[EMAIL PROTECTED]>
Cc: 
Sent: Sunday, January 14, 2007 9:51 AM
Subject: Re: [css-d] page check please


> Jehangir Larry wrote:
>> Appreciate a page check - different user agents (specially older IE), 
>> with suggestions for improvement.
>> www.teerthyatri.com
>> Many TIA.
>> Larry 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] page check please

[Gunlaug Sørtun]

Jehangir Larry wrote:
> Pls re-check for me? Also any suggestion - how to center those 
> 'buttons'?

Change to...
.center { text-align:center; width: 190px;}
...and the buttons will be centered.

The '.center' will otherwise collapse to the width of two buttons, and
there's no width to center within. There's nothing to adjust any
auto-margins against anyway, so no use in those.

> The 'fixed' problem implies I modify the design?

Don't know. That's a design-decision.

The addition of...
* html a#swamiji {position: absolute;}
...will make that anchor appear where it should in IE/win but scrolling
with the page. Nothing will happen in IE/win on :hover though.


Comment: Please don't put my email address inside your stylesheet (or
anywhere else). I don't want it spread around more than it is. If
anything - put my site-address in there. It's on the bottom of this mail
in most mail-agents :-)

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] page check please

[~davidLaakso]

Jehangir Larry wrote:
> ~davidLaakso wrote:
>   
> Thanks David.
> Did as you said. Unable to center the various buttons in the sidebar - 
> despite margin 0 auto and text-align-center.
>   
The above reference was to center the page. The page is centered now. 
However, the search thing is too wide-- consequently, the left column is 
dropped and hooked under the right column. The width of the left column 
is approx 190px. The search thing can be no wider (or a little less 
wide) than that.
> Pls re-check for me? Also any suggestion - how to center those 'buttons'?
>   
I am not sure what you mean by "buttons." If  "buttons" means all those 
validation buttons, personally I'd delete all of them. They confuse 
users. And  have nothing to do with the content of the site.
> Deeply appreciate your support.
> The 'fixed' problem implies I modify the design?
>   
Someone else will have to advise you regarding the ie position fixed 
issue and the header not opening on hover.
> Best.
> Larry
>   
Regards,
~dL
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] page check please

[Matt Dawson]

Though I believe everything is working as you intend, I would suggest
rethinking the header rollover trick. When I roll over the header image, the
image extends, and thus increases the height of the page. But then if I move
on to the navigation bar - in an effort to navigate to a particular section
- the page shrinks, and my mouse pointer is effectively "pulled away" from
the nav bar. i have to scroll up the page to get to it, now that the page
has reverted to its shorter length.

For what it's worth, I'm on Firefox 2.0 on the mac. I'm actually not sure
how other browsers handle this type of scenario - though now I'm intrigued
to find out!

matt

On 1/13/07, Jehangir Larry <[EMAIL PROTECTED]> wrote:
>
> Appreciate a page check - different user agents (specially older IE), with
> suggestions for improvement.
> www.teerthyatri.com
> Many TIA.
> Larry
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- 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-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] page check please

[Jehangir Larry]

Thanks David, Georg, Matt.
Except for the header roll-over (the customer is king) implemented all 
suggestions. 
Long live this great list.

Comment: Georg, your email in the css was due to a hasty cut/paste. Its gone :-)

Regards,
Larry
  - Original Message - 
  From: Matt Dawson 
  To: Jehangir Larry 
  Cc: css-d@lists.css-discuss.org 
  Sent: Monday, January 15, 2007 4:33 AM
  Subject: Re: [css-d] page check please


  Though I believe everything is working as you intend, I would suggest 
rethinking the header rollover trick. When I roll over the header image, the 
image extends, and thus increases the height of the page. But then if I move on 
to the navigation bar - in an effort to navigate to a particular section - the 
page shrinks, and my mouse pointer is effectively "pulled away" from the nav 
bar. i have to scroll up the page to get to it, now that the page has reverted 
to its shorter length. 

  For what it's worth, I'm on Firefox 2.0 on the mac. I'm actually not sure how 
other browsers handle this type of scenario - though now I'm intrigued to find 
out!

  matt


  On 1/13/07, Jehangir Larry <[EMAIL PROTECTED]> wrote: 
Appreciate a page check - different user agents (specially older IE), with
suggestions for improvement.
www.teerthyatri.com
Many TIA.
Larry

__ 
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] page check please, 2nd request

[Peggy Coats]

any idea why IE 6 and 7 are throwing off the content div to the right on this
site-in-progress?

site:   http://ambientglow.com/garage/priestess/web/index.html

CSS: http://www.ambientglow.com/garage/priestess/web/css/priestess.css

Thanks,

Peg
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] page check please - forgott

[Felix Miata]

Schalk wrote:
 
> Please have a look at the following pages:
> http://www.volume4.com/fc/index.html
> http://www.volume4.com/fc/entry_archive.html
 
Except for the teensy text in the cartoon text bubbles everything seems
fine to me @ 1792x1344 on Linux Epiphany & Konqueror. If it was me doing
it, #outer would be set in em instead of 980px. The line lengths on the
left are starting to get a little short by this resolution. #left H1 is
already so wide that only one zoom step splits "Entry Title" onto two
lines.
-- 
"Love your neighbor as yourself."Mark 12:31 NIV

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

Felix Miata  ***  http://mrmazda.no-ip.com/auth/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] page check please - forgott

[Felix Miata]

Schalk wrote Tue, 21 Feb 2006 12:30:45 +0200:
 
> I believe I have sorted out all of the problems with these pages but, to
> make sure, I would appreciate it if I can get one last check done on the
> following two pages:
 
> http://www.volume4.com/fc/
> http://www.volume4.com/fc/entry_archive.html
 
> CSS
> www.volume4.com/fc/css/standards.css
> www.volume4.com/fc/css/forms.css
> www.volume4.com/fc/css/ie.css

Open Firefox, Mozilla or SeaMonkey. Set the default back to 16px if
you've changed it to anything else. Set the window width to 800px wide.
Now open those pages and look. Try zooming down (smaller) one step. Do
you see any layout problems? I'd probably knock #outer back to something
around 20% narrower.
-- 
"Love your neighbor as yourself."Mark 12:31 NIV

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

Felix Miata  ***  http://mrmazda.no-ip.com/auth/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] page check please - forgott

[Felix Miata]

Schalk wrote Tue, 21 Feb 2006 16:29:16 +0200:
 
> >> http://www.volume4.com/fc/
> >> http://www.volume4.com/fc/entry_archive.html

> On point 2: I agree with Felix and David here however, the client wants
> the site to be optimized for 1024x768 and demanded the width I am using

Does he know about sidebars and people who don't browse fullscreen?
http://mrmazda.no-ip.com/SS/schalk5.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/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] page check please - forgott

[[EMAIL PROTECTED]]

A little extra work perhaps, but you could offer an alternate 
stylesheet- one of 800x600 and the other for 1068.  Then let the viewer 
make the choice.  Educate your client.  Assumptions are key. Who is your 
client's audience (rhetorical)?

Felix Miata wrote:

>Schalk wrote Tue, 21 Feb 2006 16:29:16 +0200:
> 
>  
>
http://www.volume4.com/fc/
http://www.volume4.com/fc/entry_archive.html


>
>  
>
>>On point 2: I agree with Felix and David here however, the client wants
>>the site to be optimized for 1024x768 and demanded the width I am using
>>
>>
>
>Does he know about sidebars and people who don't browse fullscreen?
>http://mrmazda.no-ip.com/SS/schalk5.jpg
>  
>

__
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] page check please - forgott

[Schalk]

Felix Miata wrote:
> Schalk wrote Tue, 21 Feb 2006 16:29:16 +0200:
>  
>   
 http://www.volume4.com/fc/
 http://www.volume4.com/fc/entry_archive.html
 
>
>   
>> On point 2: I agree with Felix and David here however, the client wants
>> the site to be optimized for 1024x768 and demanded the width I am using
>> 
>
> Does he know about sidebars and people who don't browse fullscreen?
> http://mrmazda.no-ip.com/SS/schalk5.jpg
>   
I will see how far I get in convincing him to change his mind. Your 
screen shot will definitely help in this process. Thanks to all!

-- 
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers


__
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] page check please - forgott

[[EMAIL PROTECTED]]

Perhaps a solution for the client here is to offer an alternate 
stylesheet, one for 800x600, one for higher res.

 -Bob

Felix Miata wrote:

>Schalk wrote Tue, 21 Feb 2006 16:29:16 +0200:
> 
>  
>
http://www.volume4.com/fc/
http://www.volume4.com/fc/entry_archive.html


>>On point 2: I agree with Felix and David here however, the client wants
>>the site to be optimized for 1024x768 and demanded the width I am using
>>
>>
>
>Does he know about sidebars and people who don't browse fullscreen?
>http://mrmazda.no-ip.com/SS/schalk5.jpg
>  
>

__
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] Page check please -revision

[Ian Young]

> -Original Message-
>>
>
> See what you think of this page, which has been converted from table based
> template and JavaScript menu
>
> Seems to zoom in ok, but think it might be breaking at 800x 600 (according
> to browsercam).
>
Have revised the layout to a liquid column as per Robert O'Rourke's
suggestion and tidied up some other bits and pieces.

In browsercam it seems to behave in 800x600 and above for most browsers.

However, in FF, Opera I have a blue border (a margin padding issue?) but
cannot find where problem is. Clearly this look better if this were not
there.

What have I missed.

cheers

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.394 / Virus Database: 268.9.5/376 - Release Date: 26/06/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] Page check please -revision

[Gunlaug Sørtun]

Ian Young wrote:
> However, in FF, Opera I have a blue border (a margin padding issue?)
> but cannot find where problem is. Clearly this look better if this
> were not there.
> 
> What have I missed.

Collapsing margins[1] - where IE is saved by its 'hasLayout'[2] bug.

Standard-compliant browsers need some standard CSS, so adding this will
work...
#header {padding: 1px 0;}

Georg

[1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins
[2]http://www.satzansatz.de/cssd/onhavinglayout.html
-- 
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] Page check please -revision

[Ian Young]

> 
> > What have I missed.
> 
> Collapsing margins[1] - where IE is saved by its 'hasLayout'[2] bug.
> 
> Standard-compliant browsers need some standard CSS, so adding this will
> work...
> #header {padding: 1px 0;}
> 
>   Georg
> 


That did the trick thanks

Ian
-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.394 / Virus Database: 268.9.5/376 - Release Date: 26/06/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] page check please, or Browsercam bug?

[Francesco Sanfilippo]

On my Win XP, using both IE 6 and FF 1.5, this page looks perfect.  I
attempted to verify in other browsers with Browsercam but the
background image doesn't show up in any of their screen caps!

The only thing I can think of is that Browsercam has issues since the
background image for the page is defined in CSS.  Has anyone had this
problem before, and does this simple page look as expected on Mac
browsers?

Thanks!
Francesco
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] page check please, or Browsercam bug?

[Francesco Sanfilippo]

Duh.  The URL would help.

http://imagekind.com

Thanks!
Francesco
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] page check please, 2nd request

[Audra Coldiron]

Peggy Coats wrote:
> any idea why IE 6 and 7 are throwing off the content div to the right on this
> site-in-progress?
> 
> site:   http://ambientglow.com/garage/priestess/web/index.html
> 
> CSS: http://www.ambientglow.com/garage/priestess/web/css/priestess.css

Hi Peg.  You'll need to change quite a bit.  Take a look at this revised 
CSS and the comments.  In most cases here you were doing too much 
positioning when simply using margin would work better and cause the div 
that follow to automatically adjust.  I didn't check these changes in 
IE7, but it looks the same in IE6 and FF2:

*.clear <--remove this whole rule set.  You don't need it as far as I 
can tell...
{
clear: both;
padding-bottom: 1px;/* for Gecko-based browsers */
/*margin-bottom: -1px;
height: 15px;
}*/

#container {
width: 1000px;
/*left: auto;  <--remove all within the comments
right: auto;*/
/*clear: left;*/
position: relative;
margin: 0 auto; 
padding: 0px;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 0.90em;
color: #00;
background-image: url(../images/bg.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 800px;
padding: 1px; /*add this.  fixes Gecko*/
}


#nav {
position: relative;
z-index: 2;
height: auto;
text-align: center;
font-weight: bold;
/*left: 450px; <--remove all within the comments
bottom: 0px;*/
/*right: 0px;*/
/*top: 50px;*/
padding: 0px;   
margin: 50px 0px; /*added*/
}
#nav table { /*added*/
margin: 0 100px 0 auto;
}



#content {
position: relative;
z-index: 3;
width: 735px;
height: 428px;
border: 1px solid #00;
background-image: url(../images/content-bg.gif);
background-repeat: no-repeat;
/*top: 200px; <--remove all within the comments
right: 107px;
left: 108px;*/  
padding-right: 0px;
padding-bottom: 25px;
padding-left: 25px;
margin: 0 auto; /*added*/
}

AC
-- 
Audra Coldiron

Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com

KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS. 
Pre-made designs, designer tools, and reseller program available!
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] page check please, 2nd request

[Peggy Coats]

Thanks Audra and Marc -- I'm still working through how positioning
works, so this is a good lesson for me.  I appreciate you both taking
the time to plow through the code and help me out.

Peg


On 6/19/07, Audra Coldiron <[EMAIL PROTECTED]> wrote:
> Peggy Coats wrote:
> > any idea why IE 6 and 7 are throwing off the content div to the right on 
> > this
> > site-in-progress?
> >
> > site:   http://ambientglow.com/garage/priestess/web/index.html
> >
> > CSS: http://www.ambientglow.com/garage/priestess/web/css/priestess.css
>
> Hi Peg.  You'll need to change quite a bit.  Take a look at this revised
> CSS and the comments.  In most cases here you were doing too much
> positioning when simply using margin would work better and cause the div
> that follow to automatically adjust.  I didn't check these changes in
> IE7, but it looks the same in IE6 and FF2:
>

> --
> Audra Coldiron
>
> Rock-n-Roll Design & Hosting
> http://rock-n-roll-design.com
>
> KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS.
> Pre-made designs, designer tools, and reseller program available!
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] page check please, or Browsercam bug?

[David Laakso]

Francesco Sanfilippo wrote:

>Duh.  The URL would help.
>
>http://imagekind.com
>
>Thanks!
>Francesco
>  
>
If I were making book...
42 captures:

~dL
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] page check please/question about firefox 1.5 and "one true layout"

[Eric Shepherd]

We've soft-launched a new site template. It's at
http://www.fisher-price.com/fp.aspx?st=30&e=toysbytype

It's largely standards-compliant, with a few problems beyond my
control with a legacy javascript piece and xslt unable to write  tags. But I can live with it. Compare to the rest of the site;
we're making progress :)

I'd appreciate people taking a look and letting me know if there are
problems in browsers I haven't been able to test in (opera 7/9,
linux/konquerer, safari 1.3/1.2/1.0, anything else non-standard). I
think PDA's will be a disaster until I make a separate style sheet,
because they won't let the main left navigation headers be actual
links...

Any comments are welcome.

Also, I am trying out the "one true layout" technique, and it doesn't
seem to have any problems (except in IE5 which I fed a different style
sheet) and Firefox 1.5, in which the length actually IS 30,000px in
the window.

Why is this happening in FF1.5 and not 1.07 or any other browser?

Thanks.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] page check please/question about firefox 1.5 and "one truelayout"

[Mark Batty]

> I'd appreciate people taking a look and letting me know if there are
> problems in browsers I haven't been able to test in (opera 7/9,
> linux/konquerer, safari 1.3/1.2/1.0, anything else non-standard). I
> think PDA's will be a disaster until I make a separate style sheet,
> because they won't let the main left navigation headers be actual
> links...

I had a quick look (but not extensively) in FF 1.0.7, Opera 8.5, and IE 6.0
on Win XP SP2.

Site looks the same in all.

Two things that made me stand back for a minute.  The page is left aligned
which makes it look like a lot of wasted space on the right; it may 'feel'
better if its centred but I'm no design guru!

The hovers in the center columns (infant, toddler, preschool) are hard to
see at the top of the gradients where the hover colour almost merges with
the background, especially in the 'infant' column.

Cheers.

Mark.



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] page check please/question about firefox 1.5 and "one truelayout"

[Eric Shepherd]

> The page is left aligned
> which makes it look like a lot of wasted space on the right; it may 'feel'
> better if its centred but I'm no design guru!

Yes, this is a standards remake of an existing site look-and-feel, and
the main FP site is fixed-width, 770px, left-aligned. So, this site
can't be an exception to that.

The gradients' visibility probably varies depending on the screen you
have - in our development of the page we didn't really have any
problems with it here.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] page check please/question about firefox 1.5 and "one true layout"

[David Laakso]

Eric Shepherd wrote:

>We've soft-launched a new site template. It's at
>http://www.fisher-price.com/fp.aspx?st=30&e=toysbytype
>
>
>I'd appreciate people taking a look and letting me know if there are
>problems in browsers ...]
>
>Any comments are welcome.
>
>...
>
>  
>
Eric,
You may want to check all of your pages at a min-font size of 24px. That 
will bring up some relatively easy to fix problems apparent on some 
pages. On a subjective note, since I am at 1280 or 1400 most of the 
time, fixed width sites that hug the left viewport disturb my sense of 
equilibrium.
Best,
~dL


-- 
David Laakso
http://www.dlaakso.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] page check please/question about firefox 1.5 and "one true layout"

[matt andrews]

On 01/12/05, Eric Shepherd <[EMAIL PROTECTED]> wrote:
> We've soft-launched a new site template. It's at
> http://www.fisher-price.com/fp.aspx?st=30&e=toysbytype
>
...
> Also, I am trying out the "one true layout" technique, and it doesn't
> seem to have any problems (except in IE5 which I fed a different style
> sheet) and Firefox 1.5, in which the length actually IS 30,000px in
> the window.

It's because a bug in earlier versions of Firefox was fixed in Firefox 1.5:


Try this:
html {min-height:100%}
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/