Re: [css-d] ie6 - long border on two page, not on rest
Stuart King wrote:
http://www.phiferpavittwine.com
On the index.htm and winetasting notes pages the line that separates the
about and wine column with the mailing list and contact column is much
longer that it should be. It is fine on all the other pages, hm. I am
confused.
On all other browers (mac) it is fine, just ie6 for windows.
--s
a:hover {display:inline;./*add*/}
a:visited { display:inline;/*add*/}
*reference*: http://www.satzansatz.de/cssd/onhavinglayout.html
--
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] ie6 - long border on two page, not on rest
Thank you . . .
I tried that and this did not work, the graphic on the hover was on top of
the text and the spacing on #right_corner fluxuated. This is frustrating
because all the other pages are fine.
--s
On Tue, Jun 17, 2008 at 3:05 AM, David Laakso [EMAIL PROTECTED]
wrote:
Stuart King wrote:
http://www.phiferpavittwine.com
On the index.htm and winetasting notes pages the line that separates the
about and wine column with the mailing list and contact column is much
longer that it should be. It is fine on all the other pages, hm. I am
confused.
On all other browers (mac) it is fine, just ie6 for windows.
--s
a:hover {display:inline;./*add*/}
a:visited { display:inline;/*add*/}
*reference*: http://www.satzansatz.de/cssd/onhavinglayout.html
--
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] ie6 - long border on two page, not on rest
Stuart King wrote:
http://www.phiferpavittwine.com
Add a 'hasLayout' trigger to the relevant elements...
#left_corner ul li,
#right_corner ul li,
#left_corner ul li a,
#right_corner ul li a {
height: 1%;}
...and IE6 will render as intended.
regards
Georg
--
http://www.gunlaug.no
__
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] ie6 - long border on two page, not on rest
From: Stuart King [EMAIL PROTECTED] http://www.phiferpavittwine.com On the index.htm and winetasting notes pages the line that separates the about and wine column with the mailing list and contact column is much longer that it should be. It is fine on all the other pages, hm. The reason you're seeing the problem on some pages and not others is that you have style sheets on each page, and there are different values for some things, depending on the page being viewed. (For example: paragraph margins, widths, top property offsets, align attributes in the HTML.) Georg has supplied you with the hasLayout fix. It's missing on the problem pages, but exists on the other ones. Do you really want to maintain a style sheet for each page? ~holly __ 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] ie6 - long border on two page, not on rest
Style sheets - This is a problem I am struggling with. What do you do when different pages have slightly different layouts and positioning? Do you have one style sheets that you maintain externally or several? Are there any articles on this or do you have some insight? thank you. --s On Tue, Jun 17, 2008 at 9:04 AM, Holly Bergevin [EMAIL PROTECTED] wrote: From: Stuart King [EMAIL PROTECTED] http://www.phiferpavittwine.com On the index.htm and winetasting notes pages the line that separates the about and wine column with the mailing list and contact column is much longer that it should be. It is fine on all the other pages, hm. The reason you're seeing the problem on some pages and not others is that you have style sheets on each page, and there are different values for some things, depending on the page being viewed. (For example: paragraph margins, widths, top property offsets, align attributes in the HTML.) Georg has supplied you with the hasLayout fix. It's missing on the problem pages, but exists on the other ones. Do you really want to maintain a style sheet for each page? ~holly __ 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] ie6 - long border on two page, not on rest
On Tue, Jun 17, 2008 at 9:04 AM, Holly Bergevin [EMAIL PROTECTED]
wrote:
The reason you're seeing the problem on some pages and not others is that
you have style sheets on each page, and there are different values for some
things, depending on the page being viewed.
Do you really want to maintain a style
sheet for each page?
From: Stuart King [EMAIL PROTECTED]
Style sheets - This is a problem I am struggling with. What do you do when
different pages have slightly different layouts and positioning? Do you have
one style sheets that you maintain externally or several? Are there any
articles on this or do you have some insight?
Stuart,
Uniquily identifying each page by using an ID attribute in the opening body
tag, will allow you to write selectors for individual pages that require slight
differences, without requiring separate style sheets for each page.
Your individual pages are identified in the HTML:
body id=about
body id=wines
etc. for the individual pages.
Then in your style sheet you can write:
#about p {margin: 0 0 12px;}
#wines p {margin: 0;}
and so on, for any element that needs some different styling for only a single
page. If it's needed on more than one page, you'd write something like:
#about #left_center,
#wines #left_center {top: 99px;}
to target more than one page with the same change.
This way, you can have one basic external style sheet (as opposed to embedded
style sheets on each page as you have now) that will have styles covering most
things, with a few special selectors that target only the things that need to
be different on one page, but not another.
~holly
__
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] ie6 - long border on two page, not on rest
Stuart King wrote: Style sheets - This is a problem I am struggling with. What do you do when different pages have slightly different layouts and positioning? Do you have one style sheets that you maintain externally or several? Are there any articles on this or do you have some insight? thank you. --s Hi Stuart, You can ofcourse maintain stylesheets externally. http://www.w3.org/TR/html401/present/styles.html#style-external Example: head ... LINK href=mystyle.css rel=stylesheet type=text/css media=screen ... /head This way you seperate the styles from the HTML Files and can maintain them in one place. You can add as many stylesheet references as you want that way, in the header section of your HTML/XHTML document. The path to the stylesheet needs to be relative to the HTML/XHTML file, or absolute to the website root Relative: LINK href=../css/mystyle.css rel=stylesheet type=text/css media=screen Absolute: LINK href=/css/mystyle.css rel=stylesheet type=text/css media=screen regards, Jens __ 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] ie6 - long border on two page, not on rest
On Tue, 17 Jun 2008 09:41:51 -0700, Stuart King wrote:
Style sheets - This is a problem I am struggling with. What do you do when
different
pages have slightly different layouts and positioning? Do you have one style
sheets
that you maintain externally or several? Are there any articles on this or do
you have
some insight? thank you.
I suggest you add a class to the BODY tag to control page-to-page variations.
To override a rule for just that classed page, simply add the class selector
to the beginning of the rule. Specificity does the rest.
Example:
HTML
body class=wide
CSS
#wrapper #main {
width: 66%;
...
}
.wide #wrapper #main {
width: 100%;
...
}
Cordially,
David
--
__
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/
