Re: [css-d] site check IE 6
You need to add height: 1%; to the sixvillageslogo div and IE6 will be happy. Jim On Dec 10, 2007 11:26 AM, Bryan Hepworth <[EMAIL PROTECTED]> wrote: > Hi > > I'd be grateful if someone could check IE6 behaviour with my main page. > I've looked at several rendering pages with mixed results the worst > crunching the graphic image at the top. > > Page is here: - > > http://www.sixvillages.co.uk > __ 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 IE 6
Adam Helweh wrote:
> http://carlpritchard.secretsushi.com/homepage_template.html
The numbers don't add up.
#whatsnew_box {
width: 266px;
margin-left: 20px;
}
...is too wide for...
#secondary_column {
width: 280px;
}
...which causes overflow in most browsers, but 'auto-expansion' in IE6.
The result is that the entire 'secondary_column' drops in IE6.
Change the margin to...
#whatsnew_box {
width: 266px;
margin-left: 14px;
}
and you'll get a pretty good line-up in all browsers, with 2px to spare
for those side-borders.
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] site check - IE 6 please
Stephen Karsch wrote:
> ok, i'm sort of ashamed to call myself a web developer but i can't
> figure this one out...
Ok :-) but if that's the criteria, then none of use can use the
working-title of 'web developer' ;-)
> http://www.webcre8ive.com/
>
> on IE6 the body background SOMETIMES disappears...on some pages i can
> load it up and it looks fine, but then i reload and some of the
> content background is missing...
>
> any ideas?
IE needs its 'hasLayout'[1] trigger.
Adding...
.content {width: 100%;}
...will do just fine in that layout.
Additional comments:
You don't have a 'body background', and those rounded areas are
designed to go with a white 'body background'. My 'body background
default' is gray ATM, so it doesn't look too good.
Adding...
body {background: #fff;}
...will make the result more reliable.
---
You have triggered the 'em font-resizing bug' in IE.
Adding...
html {font-size: 100%;}
...will fix that - and also keep your hidden nav-text from becoming visible.
---
Line-up of nav tabs doesn't look good in my Opera 9/win2K. You better
have a look at that.
regards
Georg
[1]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] site check - IE 6 please
> IE6 the body background SOMETIMES disappears...on some pages i can > load it up and it looks fine, but then i reload and some of the content > Background is missing... < Steve, I can see what you're talking about in Windows XP Pro IE6, when the page loads. I can go back and forth between pages and the problem doesn't present itself again until I mouse over the menu items. I haven't looked at the CSS but you may want to check for any kind of anomalies. I also noticed that in you menu list, you have some empty on each item, is that intentional? home about us portfolio contact Bob -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.394 / Virus Database: 268.9.4/375 - Release Date: 06/25/06 __ 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] site check - IE 6 please
Stephen Karsch wrote: > http://www.webcre8ive.com/ > > on IE6 the body background SOMETIMES disappears...on some pages i can > load it up and it looks fine, but then i reload and some of the content > background is missing... > > any ideas? > thanks! > steve I am not able to reproduce the the problem you describe in xp(comparing ie/6.0 to opera /9.0). They look identical to me. There is one exception. In opera I default to fuchsia for background-color. I get fuchsia as the background-color on all of your pages in opera. 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] Site Check: IE 6
Tanya Renne wrote: Two people in a client of 20 people are having trouble with this page: http://www.orchidsuites.net/aham - the splash image on the right is sliding down below the navigation on the left. While I fixed the issue for most IE users (too wide main div due to padding) I can't seem to identify the issue for these two users ... I'm hoping someone on this list will see it and suggest a solution. Tanya I'm not sure I can identify the problem either, but here are some observations: It may be the two users do not have their default font-setting at 'medium'-- if it is set at 'larger,' or 'largest' the problem occurs. The users in question may have their security setting "High," disabling your js font-size thing. If they re-size the fonts using the toolbar, the right column drops due to the font bug(below), and width problems. You have the font-size set on the body in em, triggering a font-resizing bug in IE-- change it to percent. You have the width of the outer-most container set at 800; consequently, regardless of the browser, users are getting a scroll bar at 800. Try bringing down to 780 or a little less-- you may need to hack the widths for IE, as well. aside: The menu you are using does not function well if any font-zoom is used-- and will continue to be a problem in IE, as well, even after resolving the font bug.. Regards, David Laakso -- 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] Site Check: IE 6
bingo! you rock Ingo Chao wrote: Tanya Renne wrote: Two people in a client of 20 people are having trouble with this page: http://www.orchidsuites.net/aham - the splash image on the right is sliding down below the navigation on the left. While I fixed the issue for most IE users (too wide main div due to padding) I can't seem to identify the issue for these two users ... I'm hoping someone on this list will see it and suggest a solution. Tanja, I can remember we had two threads with a similar problem: left-floated navigation with images, and following main content dropped below - depending on the direction of the wind. ( http://archivist.incutio.com/viewlist/css-discuss/57494 http://archivist.incutio.com/viewlist/css-discuss/59324 ) If that is the problem you are speaking of, than these two persons have probably a slow connection? Is it only on first load and vanishes on reload, or is it a permanent problem? In these threads, a suggestion was to trim the "alt"-text of the images. Depending on the text zoom settings, "Association of Home Appliance Manufacturers" may be too long to fit in one line, and IE will expand the space when the image properties are not fully loaded for some reasons. So I would like to ask you too: Copy the page as is, and just change the alt text of all images to the left to "". Ask the two persons to clear their cache (tell them exactly how to) and restart IE, before they switch from one page to another. Does it make a difference? Ingo __ 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] Site Check: IE 6
Tanya Renne wrote: Two people in a client of 20 people are having trouble with this page: http://www.orchidsuites.net/aham - the splash image on the right is sliding down below the navigation on the left. While I fixed the issue for most IE users (too wide main div due to padding) I can't seem to identify the issue for these two users ... I'm hoping someone on this list will see it and suggest a solution. Tanja, I can remember we had two threads with a similar problem: left-floated navigation with images, and following main content dropped below - depending on the direction of the wind. ( http://archivist.incutio.com/viewlist/css-discuss/57494 http://archivist.incutio.com/viewlist/css-discuss/59324 ) If that is the problem you are speaking of, than these two persons have probably a slow connection? Is it only on first load and vanishes on reload, or is it a permanent problem? In these threads, a suggestion was to trim the "alt"-text of the images. Depending on the text zoom settings, "Association of Home Appliance Manufacturers" may be too long to fit in one line, and IE will expand the space when the image properties are not fully loaded for some reasons. So I would like to ask you too: Copy the page as is, and just change the alt text of all images to the left to "". Ask the two persons to clear their cache (tell them exactly how to) and restart IE, before they switch from one page to another. Does it make a difference? Ingo -- http://www.satzansatz.de/css.html __ 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] Site check. IE 6 gets it wrong, IE 5.5 gets it right???
jack fredricks wrote:
*html .sectionLanding .contentArea {width:540px}
and
.sectionLanding .landingSidebar {float:left; width:135px;
border-right:1px solid #ccc; height:200px; background:orange}
1) each landingsidebar is 136px wide (135px + 1px border-right)
2) the star * html rule is telling IE6 to make the contentArea 540px
wide. That only leaves room for 3.
Jack offered a good answer. It makes sense *IF* you know that IE 5.x
calculates box sizes differently than IE 6. The 5.5 calculation is
known as the broken box model. A good explanation at Tantek's site
below. Since Tantek offered his hack, better ones have evolved and Jack
showed you what is known as the Simplified Box Model Hack (SMBH).
http://www.tantek.com/CSS/Examples/boxmodelhack.html
http://www.doxdesk.com/personal/posts/css/20020212-bmh.html
http://css-discuss.incutio.com/?page=BoxModelHack
--
Bob Easton
Accessibility Matters: http://access-matters.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] Site check. IE 6 gets it wrong, IE 5.5 gets it right???
*html .sectionLanding .contentArea {width:540px}
and
.sectionLanding .landingSidebar {float:left; width:135px;
border-right:1px solid #ccc; height:200px; background:orange}
1) each landingsidebar is 136px wide (135px + 1px border-right)
2) the star * html rule is telling IE6 to make the contentArea 540px
wide. That only leaves room for 3.
On 4/30/05, Scott Blanchard <[EMAIL PROTECTED]> wrote:
> http://v5.octane8.com/webstandards/menus/pics/activesection.htm
>
> Look at the floated elements in the content area. I want them to fill the
> available area 4 abreast. However, IE 6 seems to think it can't fit the 4th
> element even though there is enough space for it (IE 5.5 however shows the
> same display as mozilla, so I think it's correct) . I've color coded the
> backgrounds to show there is no margin or padding conflicts.
>
> Any ideas what's wrong?
>
> View source for full css/xhtml
>
> __
> 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-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/
