Re: [WSG] Site Review - coylemedical.com
Thank you Peter for the quick response and heads-up! I'm puzzled because I'm using Windows XP Home edition and checked the site in IE 6 and FF 1.0, and the logo isn't skewed. I'm using absolute positioning for the logo, therefore if any of the many WSG experts can provide some advice, or solution it would be greatly appreicated. Thanks again Peter. Kind regards, Mario [EMAIL PROTECTED] wrote: Good morning mates, I've just completed a re-design of a customer's site using web standards. My XHTML (strict) and CSS validate with no errors. I'm primarily interested in feedback pertaining to my code and how closely it adheres to proper semantic markup. In addition, any input regarding my CSS syntax and structure is also greatly appreciated. Of course, suggestions or comments on the site's design are always welcomed. Customer site: http://www.coylemedical.com/ I've been designing for 7 years, but studying web standards for about 15 months, and still consider myself a beginner. I did check the site in FF 1.0, Opera 7.4 and IE 6 with a few minor display differences. Please know that 78% of my visitors use IE based on my traffic report. Respectfully requested, Mario S. Cisneros This is my first post to the list. I'm a complete newbie. There appears to be a problem with the alignment of the logo in FF 1.0.1 - Win XP Pro. It also appears the same way on in IE 6. Screen shot here: http://maestropublishing.com/examples/coylemedical_logo_scrnprint.png I'm a system programmer and I'm pretty new to css (learning it on the side), so I'm not sure of the fix for this. -- Peter J. Farrell :: Maestro Publishing blog :: http://blog.maestropublishing.com email :: [EMAIL PROTECTED] C:\WINDOWS C:\WINDOWS\RUN C:\WINDOWS\RUN\AMUCK -- ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Site Review - coylemedical.com
G'day I'm puzzled because I'm using Windows XP Home edition and checked the site in IE 6 and FF 1.0, and the logo isn't skewed. I'm using absolute positioning for the logo, therefore if any of the many WSG experts can provide some advice, or solution it would be greatly appreicated. I'd say you are assuming everybody has the same screen resolution as you (looks like it's built for 1024x768, not accounting for wider or narrower scrollbars, side panels, non maximised windows etc). At 800x600, the logo shifts to the right (over the top of other pictures) and at resolutions above 1024x768 it sticks out on the left. Stats vary, but this site will have the formatting problem for a sizeable portion of visitors (perhaps half), The absolute positioning you mentioned is the cause of your problem. Regards -- Bert Doorn, Better Web Design http://www.betterwebdesign.com.au/ Fast-loading, user-friendly websites ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Site Review - coylemedical.com
[EMAIL PROTECTED] schrieb:
Thank you Peter for the quick response and heads-up!
I'm puzzled because I'm using Windows XP Home edition and checked the site
in IE 6 and FF 1.0, and the logo isn't skewed. I'm using absolute
positioning for the logo, therefore if any of the many WSG experts can
provide some advice, or solution it would be greatly appreicated.
The logo is skewed in FF and IE6 as you are positioning this #logo a.p.
with respect to the viewport, not with respect to the centered
#container. As already mentioned, check your page in different
resolutions to see.
If you want to position this #logo absolute, you might set
#container { position: relative; }
and adjust the top/left-offsets in #logo
Another attempt: float this #logo.
IE6:
Depending on the viewport-size (try in 1280x1024 and resize the window),
you'll notice that the margin on the left and right of the
#centercolumn { .. float: left; ... margin-left: 1.5%; margin-right:
1.5%; ...}
will grow or shrink, in complete disregard of the container's px-fixed-width
#container { ... width: 760px; }
So IE6 shows the quirky percentages bug [1]: IE6 doesn't compute the
percentage-margin of #centercolumn with respect to the #container, but
with respect to the viewport in this situation. And this may cause the
drop of the right column-float under the content when the viewport is
sized wide enough.
You don't have to struggle with the percentages here, just don't let IE
calculate 1.5%*760px.
Another attempt: set #rightcolumn {float: right}, you wouldn't have to
worry about margins between them. Or give a more flexible design concept
a try.
regards, Ingo
[1]: http://www.positioniseverything.net/explorer/percentages.html
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Site Review - coylemedical.com
Ingo Chao schrieb: And this may cause the drop of the right column-float under the content when the viewport is sized wide enough. Sorry, maybe this effect is not reproduceable on your font/screen/cache settings, so here is a screenshot of the drop in IE6 http://www.satzansatz.de/cssd/tmp/floatdrop.jpg Ingo ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Site Review - coylemedical.com
Thanks Bert, but please know that I didn't make any assumptions about screen resolution, but simply failed to checked the site in 800X600. I always check my sites in different screen resolutions, but dropped the ball this time. Thanks for the reminder, and I'll fix the problem accordingly. Kind regards, Mario G'day I'm puzzled because I'm using Windows XP Home edition and checked the site in IE 6 and FF 1.0, and the logo isn't skewed. I'm using absolute positioning for the logo, therefore if any of the many WSG experts can provide some advice, or solution it would be greatly appreicated. I'd say you are assuming everybody has the same screen resolution as you (looks like it's built for 1024x768, not accounting for wider or narrower scrollbars, side panels, non maximised windows etc). At 800x600, the logo shifts to the right (over the top of other pictures) and at resolutions above 1024x768 it sticks out on the left. Stats vary, but this site will have the formatting problem for a sizeable portion of visitors (perhaps half), The absolute positioning you mentioned is the cause of your problem. Regards -- Bert Doorn, Better Web Design http://www.betterwebdesign.com.au/ Fast-loading, user-friendly websites ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Site Review - coylemedical.com
Good morning mates, I've just completed a re-design of a customer's site using web standards. My XHTML (strict) and CSS validate with no errors. I'm primarily interested in feedback pertaining to my code and how closely it adheres to proper semantic markup. In addition, any input regarding my CSS syntax and structure is also greatly appreciated. Of course, suggestions or comments on the site's design are always welcomed. Customer site: http://www.coylemedical.com/ I've been designing for 7 years, but studying web standards for about 15 months, and still consider myself a beginner. I did check the site in FF 1.0, Opera 7.4 and IE 6 with a few minor display differences. Please know that 78% of my visitors use IE based on my traffic report. Respectfully requested, Mario S. Cisneros ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Site Review - coylemedical.com
[EMAIL PROTECTED] wrote: Good morning mates, I've just completed a re-design of a customer's site using web standards. My XHTML (strict) and CSS validate with no errors. I'm primarily interested in feedback pertaining to my code and how closely it adheres to proper semantic markup. In addition, any input regarding my CSS syntax and structure is also greatly appreciated. Of course, suggestions or comments on the site's design are always welcomed. Customer site: http://www.coylemedical.com/ I've been designing for 7 years, but studying web standards for about 15 months, and still consider myself a beginner. I did check the site in FF 1.0, Opera 7.4 and IE 6 with a few minor display differences. Please know that 78% of my visitors use IE based on my traffic report. Respectfully requested, Mario S. Cisneros This is my first post to the list. I'm a complete newbie. There appears to be a problem with the alignment of the logo in FF 1.0.1 - Win XP Pro. It also appears the same way on in IE 6. Screen shot here: http://maestropublishing.com/examples/coylemedical_logo_scrnprint.png I'm a system programmer and I'm pretty new to css (learning it on the side), so I'm not sure of the fix for this. -- Peter J. Farrell :: Maestro Publishing blog:: http://blog.maestropublishing.com email :: [EMAIL PROTECTED] C:\WINDOWS C:\WINDOWS\RUN C:\WINDOWS\RUN\AMUCK -- ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Site Review - coylemedical.com
[EMAIL PROTECTED] wrote: Good morning mates, I've just completed a re-design of a customer's site using web standards. My XHTML (strict) and CSS validate with no errors. I'm primarily interested in feedback pertaining to my code and how closely it adheres to proper semantic markup. In addition, any input regarding my CSS syntax and structure is also greatly appreciated. Of course, suggestions or comments on the site's design are always welcomed. Customer site: http://www.coylemedical.com/ I've been designing for 7 years, but studying web standards for about 15 months, and still consider myself a beginner. I did check the site in FF 1.0, Opera 7.4 and IE 6 with a few minor display differences. Please know that 78% of my visitors use IE based on my traffic report. Respectfully requested, Mario S. Cisneros Also, IE 6 appear strangely as well: http://maestropublishing.com/examples/coylemedical_logo_scrnprint_2.png -- Peter J. Farrell :: Maestro Publishing blog:: http://blog.maestropublishing.com email :: [EMAIL PROTECTED] phone :: 651-204-0513 I've learned that artificial intelligence is no match for natural stupidity. -- ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
