Re: [css-d] Site Check
David Laakso wrote: Andrew Doades wrote: I though this group would be the best place to get a full, detailed site check... http://weplan.co.uk/ Please and Thanks to all, Andrew Seems to do fine cross-browser on a Mac and PC. If you where to ask the same question over coffee, rather than this list, I /might/ respond differently. Thanks and What?! No virus found in this outgoing message. Checked by AVG. Version: 8.0.101 / Virus Database: 270.4.1/1521 - Release Date: 6/26/2008 11:20 AM __ 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] :: Save me from IE ::
Hi Guys, I am realigning my portfolio website www.awayback.com to www.awayback.com/realign and having tough time with IE6. I have dealt with it several times but each time it gives me different smelling flowers. And this time, it quite surprising: 1. Menu Disappearing at homepage (www.awayback.com/realign) but working fine on other pages like work, about and contact. The code for the menu items is same for all pages but the problem is only with homepage. 2. Footer background color and image is fine at homepage but missing on other pages. Again code for footer is same for all pages. 3. Contact Page (www.awayback.com/realign/contact/) left aligned without any reason and style. Wrapping div code same for all pages. Please help me with these issues so that I can update my portfolio and get good clients. Also do let me know what do you think about the website design. Kind Regards, Amrinder Freelance Web Designer www.awayback.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] Help resolving spacing in IE6
Thanks to David and Ingo for their help! I'm amazed at the knowledge held by the members of the list. The only remaining problem I have with IE6 is the ~20px gap between the head and the main content block. I cannot determine which DIV is the culprit and is causing the space problem. I have played around with the sizes, but I fear the problem goes deeper than that. I simply don't know enough about IE6 to know how to fix the problem. I would be very grateful for any help. Thanks. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Webmaster Sent: Thursday, June 26, 2008 5:33 PM To: css-d@lists.css-discuss.org Subject: [css-d] Help resolving spacing in IE6 URL: http://www.tusculum.edu/giving/nd.html CSS: http://www.tusculum.edu/css/ndbrown.css I'm on a deadline, and I need help. I've got some problems I can't resolve with the above page in IE6. The page displays fine for me in IE7 and FF. But in IE6, you'll notice that the orange tab which should be at the top of the page is pushed down the page. That's the first problem. Another problem is the photo. In IE6, the photo is pushed way down the page. You'll also notice that the some of the images on the drop-down menu are clipped. I think that's just a spacing problem and a little trial-and-error will solve that. The drop-down menu is mandatory for the site. I'm not seeking help for the drop-down menu images; however, there is one more problem I do need help with. There's about a 20px gap between the top of the page and the main content block, and I don't know how to get rid of it, so there is no gap. Both the CSS and the HTML files are large, and I apologize for that. Once I get the page displaying properly, I plan to break out the javascript and the drop-down lists. I greatly appreciate any help you can provide. Thank you. -- Travis Crabtree Webmaster Tusculum College phone: 423.636.7300 ext. 5132 fax: 423.636.7492 email: [EMAIL PROTECTED] __ 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] :: Save me from IE ::
Amrinder wrote: Hi Guys, I am realigning my portfolio website www.awayback.com to www.awayback.com/realign and having tough time with IE6. I have dealt with it several times but each time it gives me different smelling flowers. And this time, it quite surprising: 1. Menu Disappearing at homepage (www.awayback.com/realign) but working fine on other pages like work, about and contact. The code for the menu items is same for all pages but the problem is only with homepage. With a little luck, validating will resolve it? http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.awayback.com%2Frealign%2F 2. Footer background color and image is fine at homepage but missing on other pages. Again code for footer is same for all pages. Check to make sure the image path is correct? 3. Contact Page (www.awayback.com/realign/contact/) left aligned without any reason and style. Wrapping div code same for all pages. This above the doctype puts IE/6 in quirksmode: ! Delete it. Amrinder Bring it back if any of the above do not resolve the issues -- 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] Site Check
On 2008/06/26 16:35 (GMT-0400) Hakan K apparently typed: On 2008/06/26 20:32 (GMT+0100) Andrew Doades apparently typed: I though this group would be the best place to get a full, detailed site check... http://weplan.co.uk/ Logo image in upper left is awfully small for high resolution users, and its right page is illegible. There doesn't seem to be much logic in the choice to bold fonts or not. Font size looks pretty big on IE7.. it looks better on FF... Looks exactly the same here on FF3 IE7. Normally when someone reports a difference in font sizes between IE and FF, the difference is accounted for by a larger default font size in IE that results from using large fonts (120 DPI), a common default setting on laptops. FF does not respond with larger default text when 120 DPI is used. If you want the the same size defaults in FF and IE, you must go into FF Options and change its default size to match (20px = IE medium/default 12pt @ 120 DPI). -- Where were you when I laid the earth's foundation? Matthew 7:12 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://fm.no-ip.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] Help resolving spacing in IE6
Webmaster wrote:
The only remaining problem I have with IE6 is the ~20px gap between the head
and the main content block.
URL: http://www.tusculum.edu/giving/nd.html
CSS: http://www.tusculum.edu/css/ndbrown.css
Below code is in the IE/6 cc's in the head of the document.
Please see:
http://www.chelseacreekstudio.com/ca/cssd/nd.htm
This closes the top gap.
* html #header-links {background:url(filler.gif); margin-top: -1em;}
The filler.gif is a slice to fill the horizontal gaps (I know from
nothing about photoshop, so you'll want to make your own).
The below, is an attempt to close the first horizontal gap with CSS. The
slice fills the remaining gaps.
* html #admissionButton,
* html #admissionButton:focus,
* html #admissionButton:visited:hover,
* html #admissionButton.udmR,
* html #admissionButton.udmR:visited,
* html #admissionButton:active {
width:70px;
margin-right:-10px;
}
--
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/
[css-d] CSS and Line Wrap
Hi; The following page shows up fine in FF, but in IE7, some of the lines do not wrap while others wrap just fine.. http://www.drdelmath.com/special_topics/function/functions_quadratic_properties.htm I assume this is because I have done something wrong in my CSS. What kind of error can cause that kind of behavior? Thanks 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] Help resolving spacing in IE6
On Fri, 27 Jun 2008 09:04:10 -0400, Webmaster wrote: [...] The only remaining problem I have with IE6 is the ~20px gap between the head and the main content block. I cannot determine which DIV is the culprit and is causing the space problem. From a local copy of your page, there seems to be two items causing the gap: First, IE6 is doing its usual auto-expansion number on #before-top. Putting an overflow: hidden; on that DIV seems to fix it my end. There is also a 1px padding-top you have added to #before-top-logo in your IE6 style sheet. I don't think you need that. A couple of other issues I found: The width on the #admissionButton seems too small for IE6 (only?). The final n is getting cut off. Maybe taking out the padding will help. Finally, using IE 7 zoom to enlarge the page causes the backgrounds to get out of line. This is due to a bug in IE 7 that stops background images on body from enlarging on zoom. You may need another DIV around everything to which you apply the background image. 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/
Re: [css-d] CSS and Line Wrap
Del Wegener wrote: Hi; The following page shows up fine in FF, but in IE7, some of the lines do not wrap while others wrap just fine.. http://www.drdelmath.com/special_topics/function/functions_quadratic_properties.htm I assume this is because I have done something wrong in my CSS. What kind of error can cause that kind of behavior? Thanks Del Dunno, and can't test. I seem to remember it as an IE/7 bug. Try adding: overflow-x: hidden; to the body declaration. -- 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] CSS and Line Wrap
Del Wegener wrote:
Hi;
The following page shows up fine in FF, but in IE7, some of the lines do
not wrap while others wrap just fine.
http://www.drdelmath.com/special_topics/function/functions_quadratic_properties.htm
I assume this is because I have done something wrong in my CSS.
What kind of error can cause that kind of behavior?
Dunno, and can't test. I seem to remember it as an IE/7 bug. Try adding:
overflow-x: hidden;
to the body declaration.
Thanks David;
That did not work.
The problem existed in both IE 6 7.
However, I did find the problem. I had missed a closing /span in my HTML.
That span had class = nobr which I use to prevent breaking lines in the
middle of equations etc. Clearly, not closing that span caused the nobr to
extend to the end of the document (or something like that). Here is the
style for that class
.nobr { white-space: nowrap; }
When I closed the span the problem went away.
Why was that not a problem for FF? problem in both IE 6 7.
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] Help resolving spacing in IE6
David Hucklesby wrote: First, IE6 is doing its usual auto-expansion number on #before-top. Putting an overflow: hidden; on that DIV seems to fix it my end. There is also a 1px padding-top you have added to #before-top-logo in your IE6 style sheet. I don't think you need that. Follow Davids lead. This works. I tried it by changing the CSS with the Web Developer Toolbar for IE6 and then it looks just fine. Some cleaning up of the structure would help too. I see some spans and divs are there, that might not be necessary. Cleaning up your structure will help reducing some of the CSS and make it easier to get all the CSS right. For the Web Developer Toolbar, which is a real handy CSS Debugger, look here. http://tinyurl.com/dkmm9 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] Site Check Please
Professional Web Pages - Information wrote: Dear David, Thank you for your feedback - my apologies for a late response. What is the suggestion/recommendation/community view for font formatting with CSS? Regards PWP Would you please provide feedback for the website http://www.AMSvet.com.au/ PWP For a lot of reasons, it is a good idea to reply to the list. I am not able to provide the suggestion/recommendation/community view for font formatting with CSS... /M/y /personal opinion/ is to set font-size 100 percent (default) on the body declaration, setting percent sizes for all selectors throughout the style sheet thereafter; and, not declaring a font-size on the primary content p (in other words, the primary content inherits font-size 100 percent (default) from the body declaration. -- 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] homage to the square
Christopher wrote: Christopher, do you mean Jens? :-) christopher and Christopher. Rather confusing, but i will get used to the small difference ;) 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] CSS and Line Wrap
Why was that not a problem for FF? problem in both IE 6 7. Different browser's use different methods to try and intuit what the author/programmer means when it's fed invalid code. In this case Firefox guessed correctly while IE did not. 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. __ 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] CSS and Line Wrap
Del Wegener wrote: Hi; The following page shows up fine in FF, but in IE7, some of the lines do not wrap while others wrap just fine.. http://www.drdelmath.com/special_topics/function/functions_quadratic_properties.htm Can't see any of the lines not wrapping in IE7 either. Maybe it would help to post a screenshot to us with the problem highlighted? 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] CSS and Line Wrap
Can't see any of the lines not wrapping in IE7 either. Maybe it would help to post a screenshot to us with the problem highlighted? regards, Jens Jens; All the line-wrap problems have been fixed. The error was in my markup. 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/
