Re: [css-d] Width and border issues-simple, I think
Dear Georg: Thank you! I was just able to test this out and it works nicely. I was a bit leery about the negative margins, but it's a quick fix for a beta version. Is it illegal to use negative numbers in margin or padding? Mucho gracias! -- In peace, Amy M Ostrom Web Interface Designer [EMAIL PROTECTED] On 1/4/07, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Amy Ostrom wrote: http://www.kcscienceinc.org/ 1. The images under the links shouldn't have the borders or additional padding *sigh*. Simple, I know, but I can't find it. This happens in both IE and Firefox I would've liked to use those W3C validators, but they can't get anything out of your document at the moment. Also, too many styles that don't do much and some that don't target the right elements. Correct selector so it reads... #ads a:link {border: none;} (note the 'a:link' part) ...and add... #ads img {display: block;} ...for good measure. Delete whatever else that isn't needed in your styles. 2. The contact information in the footer moves over and pushed the background image out of the box. This happens in IE (looks great in Firefox!) Suggest you change your positioning method... #contact { /* position:absolute; -- delete this */ /* width:98%; -- delete this */ margin: 0 auto -4em auto /* observe change */; /* keep the rest as is */ } ...and it shouldn't be too far off in any browser. 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] Width and border issues-simple, I think
Under the strictest rules, all negative number values for measurement are illegal. However, even the most ruthless standardistas make use of them. Negative percentages in complex positioning occasionally causes problems for IE, but no more than anything else! Regards, Barney Amy Ostrom wrote: Dear Georg: Thank you! I was just able to test this out and it works nicely. I was a bit leery about the negative margins, but it's a quick fix for a beta version. Is it illegal to use negative numbers in margin or padding? Mucho gracias! __ 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] Width and border issues-simple, I think
Barney Carroll wrote: Under the strictest rules, all negative number values for measurement are illegal. However, even the most ruthless standardistas make use of them. Negative percentages in complex positioning occasionally causes problems for IE, but no more than anything else! Regards, Barney Hmm. Barney, you may want to think that sweeping generalization over a little. Regards, ~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] Width and border issues-simple, I think
Under the strictest rules, all negative number values for measurement are illegal. False. However, even the most ruthless standardistas make use of them. Negative percentages in complex positioning occasionally causes problems for IE, but no more than anything else! Most ruthless standardistas did read the spec, so they are aware, that negative values are allowed. Take a look at this http://www.w3.org/TR/CSS21/syndata.html#values and also this http://www.w3.org/TR/CSS21/box.html#margin-properties: Negative values for margin properties are allowed, but there may be implementation-specific limits. Regards, Rimantas -- http://rimantas.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] Width and border issues-simple, I think
At 14:29 + 8/1/07, Barney Carroll wrote: Under the strictest rules, all negative number values for measurement are illegal. Not true. Negative values for margin properties are allowed, but there may be implementation-specific limits. http://www.w3.org/TR/CSS21/box.html#margin-properties You might have been thinking about padding properties though: Unlike margin properties, values for padding values cannot be negative http://www.w3.org/TR/CSS21/box.html#padding-properties __ 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] Width and border issues-simple, I think
Dear collective mind of the CSS-D: I am being stupid and not seeing the obvious solution to two problems at http://www.kcscienceinc.org/ 1. The images under the links shouldn't have the borders or additional padding *sigh*. Simple, I know, but I can't find it. This happens in both IE and Firefox 2. The contact information in the footer moves over and pushed the background image out of the box. This happens in IE (looks great in Firefox!) This is only a dummed down version of the site as we wait for the graphic designers to make it look pretty. :-p So please do not be offended by ugliness or bad code in the content area (*crosses fingers* the editor put it in there). Thank you in advance!! -- In peace, Amy M Ostrom Web Interface Designer [EMAIL PROTECTED] __ 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] Width and border issues-simple, I think
Dear All: Oh my goodness... well, the first problem I had was simply because I needed to increase specificity to overwrite the other rule, my bad. I am still uncertain about the second issue of why IE is pushing the contact information over. Anyone have any suggestions? Thank you so much!! -- In peace, Amy M Ostrom Web Interface Designer [EMAIL PROTECTED] On 1/4/07, Amy Ostrom [EMAIL PROTECTED] wrote: Dear collective mind of the CSS-D: I am being stupid and not seeing the obvious solution to two problems at http://www.kcscienceinc.org/ 1. The images under the links shouldn't have the borders or additional padding *sigh*. Simple, I know, but I can't find it. This happens in both IE and Firefox 2. The contact information in the footer moves over and pushed the background image out of the box. This happens in IE (looks great in Firefox!) This is only a dummed down version of the site as we wait for the graphic designers to make it look pretty. :-p So please do not be offended by ugliness or bad code in the content area (*crosses fingers* the editor put it in there). Thank you in advance!! -- In peace, Amy M Ostrom Web Interface Designer [EMAIL PROTECTED] __ 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] Width and border issues-simple, I think
Amy Ostrom wrote: http://www.kcscienceinc.org/ 1. The images under the links shouldn't have the borders or additional padding *sigh*. Simple, I know, but I can't find it. This happens in both IE and Firefox I would've liked to use those W3C validators, but they can't get anything out of your document at the moment. Also, too many styles that don't do much and some that don't target the right elements. Correct selector so it reads... #ads a:link {border: none;} (note the 'a:link' part) ...and add... #ads img {display: block;} ...for good measure. Delete whatever else that isn't needed in your styles. 2. The contact information in the footer moves over and pushed the background image out of the box. This happens in IE (looks great in Firefox!) Suggest you change your positioning method... #contact { /* position:absolute; -- delete this */ /* width:98%; -- delete this */ margin: 0 auto -4em auto /* observe change */; /* keep the rest as is */ } ...and it shouldn't be too far off in any browser. 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/