Re: [css-d] Suckerfish menu is funky in IE7
Ben Fider wrote:
This is my first post to CSS Discuss, and I'm paranoid that I didn't
submit it correctly.
It's all fine ... but IE7 definitely isn't :-)
This menu seems to work fine in all new browsers that I've tested
with, except IE7.
http://fiderweb.com/z/
Looks like a version of IE's old stuck on :hover bugs. Seems like the
many old fixes work too, so here it comes...
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul { /* lists nested under hovered list items */
left:auto;
background-position: 0 0 /* add this line to fix IE7 */;
}
The idea is to give IE/win something to change - even if it doesn't make
sense or really changes anything.
Such a nonsensical do something/anything rule in the right place makes
IE/win remember to unhover.
The fix is tested in IE7 and across the rest of browser-land at my end.
Working just fine.
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] Suckerfish menu is funky in IE7
Ben Fider wrote: ... http://fiderweb.com/z/ looks like a sticky hover bug in IE7 http://www.satzansatz.de/cssd/pseudocss.html#stickyhover 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/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Menu float problem
Hello everyone,
I'm having trouble with a unordered list menu. When you hover over the
link, the drop down works fine except that it is positioned at 0,0 relative
to the div instead of relative to the li (ie: directly underneath where I'm
hovering). I'm not sure what I'm doing wrong. Unfortunately the site isn't
live anywhere but here's the code I have. Maybe someone hopefully can spot
my mistake!
*CSS*
#navbar {
background: #00;
width: 960px;
height: 29px;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
color: #FF;
font-weight: bold;
margin: 0px auto 0px;
padding: 0px 0px 0px 0px;
border-top: 1px solid #33;
border-bottom: 1px solid #33;
overflow: hidden;
}
#navbar a, #navbar a:visited {
color: #FF;
font-size: 11px;
text-decoration: none;
text-transform: uppercase;
padding: 0px 0px 0px 3px;
}
#navbar a:hover {
color: #FF;
text-decoration: underline;
}
#navbar p {
color: #FF;
margin: 0px auto 0px;
padding: 0px 0px 0px 10px;
font-weight: bold;
}
#navbarright a img {
border: none;
margin: 0px;
padding: 0px;
}
#navbarleft {
width: 680px;
float: left;
margin: 0px;
padding: 8px 0px 8px 0px;
}
#navbarright {
width: 240px;
font-size: 11px;
float: right;
margin: 0px;
padding: 3px 10px 6px 0px;
text-align: right;
}
#navbar ul {
margin: 0px;
padding: 0px 0px 0px 0px;
}
#navbar li {
display: inline;
list-style-type: none;
margin: 0px;
padding: 0px;
}
#navbar ul li a, #navbar ul li a:visited {
background: #22;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
color: #FF;
margin: 0px -3px 0px 0px;
padding: 7px 14px 6px 12px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
border-left: 1px solid #00;
}
#navbar ul li a:hover {
background: #33;
color: #FF;
margin: 0px -3px 0px 0px;
padding: 7px 14px 6px 12px;
text-decoration: none;
}
.current_page_item a, .current_page_item a:hover {
background: #FF !important;
color: #2255AA !important;
}
/* Marty's Playground */
#navbar ul li ul {
display: none;
}
#navbar ul li ul li {
float: none;
}
#navbar ul li ul li a {
padding: 0;
margin: 0;
}
#navbar ul li:hover ul {
display: block;
position: absolute;
left: auto;
top: auto;
padding-top: 5px;
}
#navbar ul li:hover ul li a {
display: block;
width: 10em;
border: none;
padding: 2px;
}
*HTML*
div id=navbar
div id=navbarleft
ul
li class=page_item page-item-3a
href=http://osadvantage.com/about-us/; title=About usAbout us/a
ul
li class=page_item page-item-4a
href=http://osadvantage.com/about-us/ira-kaufman/; title=Ira
KaufmanIra Kaufman/a/li
/ul
/li
li class=page_item page-item-5a
href=http://osadvantage.com/online-advantage/; title=Our
AdvantageOur Advantage/a
ul
li class=page_item page-item-15a
href=http://osadvantage.com/online-advantage/integrated-marketing-strategy/;
title=Integrated marketing strategyIntegrated marketing
strategy/a/li
li class=page_item page-item-16a
href=http://osadvantage.com/online-advantage/what-is-your-brand/;
title=What is your brand?What is your brand?/a/li
li class=page_item page-item-17a
href=http://osadvantage.com/online-advantage/our-rapid-development-delivery-process-rddp/;
title=Our Rapid Development Delivery Process (RDDP)Our Rapid
Development Delivery Process (RDDP)/a/li
li class=page_item page-item-18a
href=http://osadvantage.com/online-advantage/focused-website-strategy/;
title=Focused website strategyFocused website strategy/a/li
li class=page_item page-item-19a
href=http://osadvantage.com/online-advantage/search-engine-optimization/;
title=Search Engine OptimizationSearch Engine Optimization/a/li
li class=page_item page-item-20a
href=http://osadvantage.com/online-advantage/conversion/;
title=ConversionConversion/a/li
/ul
/li
/ul
__
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] Suckerfish menu is funky in IE7
that's exactly what it was. thank you very much! On Dec 10, 2007 6:28 AM, Ingo Chao [EMAIL PROTECTED] wrote: Ben Fider wrote: ... http://fiderweb.com/z/ looks like a sticky hover bug in IE7 http://www.satzansatz.de/cssd/pseudocss.html#stickyhover 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/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Suckerfish menu is funky in IE7
Ben Fider on 9 December 2007 19:07
Hello,
This menu seems to work fine in all new browsers that I've tested with,
except IE7. The nested lists don't seem to get repositioned correctly when
not hovered, and they all are in the same location, as if they were all
nested within the top-most list item.
I would appreciate any help. Thank you.
Any version of IE is funky. To fix your bug [1], either change your left
offset from ems to percent or give li:hover an additional rule.
#nav li:hover {
background-position:0% 0%;
}
[1] http://css-class.com/articles/explorer/sticky/
Alan
http://css-class.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] Fwd: Horizontal scrollbar in IE7
I don't think this email went through yesterday, so I'm giving it another shot. http://edb.episerverhotell.net/no/Referanser/ On these pages only IE7 gets an undesired horizontal scrollbar. It is not the italics/float right bug, so what is it? Before anyone tells me to validate it, that is beyond possible. What we're dealing with here is EPIserver 5, and a lot of people involved. Just me on the CSS though. Regards, Eystein __ 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] Fwd: Horizontal scrollbar in IE7
On Dec 11, 2007 9:41 AM, Eystein Alnaes wrote: http://edb.episerverhotell.net/no/Referanser/ On these pages only IE7 gets an undesired horizontal scrollbar. It is not the italics/float right bug, so what is it? The trigger of the problem seems the negative top margin that you have on #settings LI DIV (You have it specified in two places, one being the IE7 specific sheet.) This, together with #setting being widthless and absolutely positioned, seems to cause the problem in IE7. Moving that margin-top from #settings LI DIV to the containing LI (the one with id ctl00_ctl01_SiteLinks_searchForm) seems to solve the problem without altering the rendering (at least in IE7.) Hth, Bruno -- Bruno Fassino http://www.brunildo.org/test __ 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] Fwd: Horizontal scrollbar in IE7
Looking at your page with IE6, which also shows the horizontal scroll bar, it looks like your wrapper div is a child of FORM id=aspnetFORM which has no width, height, or margins. Setting #aspnetFORM to width: 920px; margin: 0 auto; removes the h-scroll bar in IE6. Jim On Dec 11, 2007 12:41 AM, Eystein Alnaes [EMAIL PROTECTED] wrote: I don't think this email went through yesterday, so I'm giving it another shot. http://edb.episerverhotell.net/no/Referanser/ On these pages only IE7 gets an undesired horizontal scrollbar. It is not the italics/float right bug, so what is it? Before anyone tells me to validate it, that is beyond possible. What we're dealing with here is EPIserver 5, and a lot of people involved. Just me on the CSS though. Regards, Eystein __ 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] Alternate layout for IE 6/7 or other browsers
Bob Salsburg wrote: Can I get suggestions from this community on good online resources showing methods for adding conditional rules for layout problems primarily for IE 6/7, but also for the occasional Opera and Safari issues. Not for specific cases so much as how to add them to a stylesheet that works in most situations, but that fails on some aspect such as the has layout issues or just paln bugs. Bob For IE 6/7 see: http://www.satzansatz.de/cssd/onhavinglayout.html http://www.positioniseverything.net/ Coding to the latest versions of Opera and Firefox with frequent check backs to IE 6/7 is usually good practice. More often than not, specific issues that may come up with any compliant browser are usually coded around, or may be due to a feature that simply is not supported just yet. These situations are probably best dealt with at the time with a specific problem at hand. It is seldom a good idea to even think of hacking a compliant browser. Best, ~dL -- 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] flash object not wanting to float right with CSS
Hi,
I'm having a problem with trying to float a flash object to the right. When
I do it in dreamweaver, it works fine, but when I upload it and view it in
firefox or safari (I'm scared to try it in IE at this moment) it doesn't
work. It just sits on top of the text. What am I doing wrong?
Here is the page in question:
http://www.sthig.com/ccc/about.html
here is my css file:
http://www.sthig.com/ccc/css/ccc.css
here is the css I did for the flash object
#slider {
float: right;
here is the flash:html. How can I make it float right and have the text
wrap around it?
} script type=text/javascript
AC_FL_RunContent( 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','name','slider','width','400','height','300','title','slides','id','slider','src','slideshow','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','slideshow'
); //end AC code
/scriptnoscriptobject
classid=clsid:D27CDB6E-AE6D-11cf-96B8-44455354 codebase=
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0;
name=slider width=400 height=300 id=slider title=slides
param name=movie value=slideshow.swf /
param name=quality value=high /
embed src=slideshow.swf width=400 height=300 quality=high
pluginspage=
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash;
type=application/x-shockwave-flash name=slider/embed
/object
here's how it looks in the html:
__
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] flash object not wanting to float right with CSS
Scott Thigpen wrote:
Hi,
I'm having a problem with trying to float a flash object to the right. When
I do it in dreamweaver, it works fine, but when I upload it and view it in
firefox or safari (I'm scared to try it in IE at this moment) it doesn't
work. It just sits on top of the text. What am I doing wrong?
Here is the page in question:
http://www.sthig.com/ccc/about.html
here is my css file:
http://www.sthig.com/ccc/css/ccc.css
here is the css I did for the flash object
#slider {
float: right;
here is the flash:html. How can I make it float right and have the text
wrap around it?
In MacOS X 10.4.11 in Opera, Firefox, and Safari; and IE 6/7 on the same
machine, the flash block floats right float, and the text wraps it. The
controls are a little slow to load, and you may need a little adjustment
for font-scaling, but otherwise it looks OK-- that is of course, unless
I have completely misunderstood your post.
Best,
~dL
--
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] IE issues
Happy holidays everyone, I have this site… HYPERLINK http://www.familyfirstdocs.comwww.familyfirstdocs.com I have validated it and ran all the checks in DW CS3 however the clients state that when they select a link, a horizontal line across the entire page appears. Also the menu up top get’s botchy. I can’t seem to recreate it on my computer. Can someone please take a look and let me know how it’s reacting for you? Thank you in advance, Lisa No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.503 / Virus Database: 269.16.17/1178 - Release Date: 12/8/2007 11:59 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] Horizontal scrollbar in IE7
http://edb.episerverhotell.net/no/Referanser/ On these pages only IE7 gets an undesired horizontal scrollbar. It is not the italics/float right bug, so what is it? Before anyone tells me to validate it, that is beyond possible. What we're dealing with here is EPIserver 5, and a lot of people involved. Just me on the CSS though. Regards, Eystein __ 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] problem with width of float element
Hi I'm Mauro, the reource is http://bertanimauro.110mb.com/prova/fixedscroll.html. My problem is in the content div. It is positioning absolute and has two child div (#left and #right). At the first time I position all float left but in explorer make a display error; so I position the #left float and the in the #right i make the margin-left like the width of #left. In firefox this method go well but in explorer 6.029 the two div (#left and #right) have different width. Some one can help me? bye Mauro __ 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] IE issues
Lisa G. Wilcox wrote: Happy holidays everyone,I have this site… HYPERLINKhttp://www.familyfirstdocs.comwww.familyfirstdocs.com I have validated it and ran all the checks in DW CS3 however the clientsstate that when they select a link, a horizontal line across the entire pageappears. Also the menu up top get’s botchy. I can’t seem to recreate it on my computer. Can someone please take a look and let me know how it’s reacting for you? Thank you in advance,Lisa Hi Lisa, I've had a quick look at your URL in FF2/Win, IE6/Win and IE7/Win and I don't see the 'line' or 'botchy'ness your client is describing. What browser is your client using? On what OS? ~Ray -- Non scholae sed vitae discimus === __ 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] flash object not wanting to float right with CSS
Ditto here. I don't see any visual presentation problems related to the Flash SWF in Firefox 2.0.0.11 or IE 6 on Win XP Pro SP2. The float:right appears to work as expected. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of David Laakso Sent: Tuesday, December 11, 2007 2:05 PM To: Scott Thigpen Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] flash object not wanting to float right with CSS In MacOS X 10.4.11 in Opera, Firefox, and Safari; and IE 6/7 on the same machine, the flash block floats right float, and the text wraps it. The controls are a little slow to load, and you may need a little adjustment for font-scaling, but otherwise it looks OK-- that is of course, unless I have completely misunderstood your post. __ 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] Radio buttons in forms, styling without tables
Hi all, I'm trying to restyle a page to make a form work without tables. It all seems OK except for some radio buttons, and I'm having real problems in getting them correctly to align. This page illustrates the problem: http://www.tellura.co.uk/soundsteps/franchise_contact.htm It looks the way I want it to in Safari 3. In both Firefox (Mac and PC) and IE6 it looks horrible: the second radio button in each set is level with the first instead of being below it, and the second and third caption strings seem to be displaying inline with the previous radio button label. Can anyone suggest what may be going wrong? Alternatively, if anyone can point me at suitable articles on table-free forms and particularly doing radio buttons, I would be grateful. Thanks, Ian. -- [EMAIL PROTECTED] 07973 156616 | 01926 811383 skype: ianmpiper __ 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] Selecting CSS file depending on Server using the HTML Page
My explaination is a little bit complicated and not using the proper technical terms. I'm sorry about that but I have a bad cold but a hard deadline. I am setting up a bunch of subdomains such as a.domain.com, b.domain.com... domain.com (or www.domain.com). The page I'll be referencing (call it frame.htm) using an Iframe is on the www.domain.com main folder. Each of the subdomains will have its own stylesheet. iframe name=I1 src=http://domain.com/frame.htm; frameborder=0 height=87 width=96% scrolling=no/iframe I'd like to set the stylesheet in frame.htm to use the stylesheet for the subdomain (ie a.domain.com/css/style.css or b.domain.com/css/style.css). Is there an easy way of doing it? BTW this frame.htm is created 5 times a day, so I would rather not copy it into 30 subdomains 5 times a day. Charlene __ 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] Firefox bug, or Safari?
I've got a bug showing up somewhere, and I'm not too sure how to fix it. On this page http://www.lorettodaybreak.org/pages/ daybreak_events_photos.html there's a large break between the subheads and the following ULs. It looks OK in Safari and IE, but not in Firefox and Opera. Knowing that the latter two browsers are probably the better browsers, web standards wise, can anyone out there tell me what I'm doing wrong? Thanks in Advance, ;-Dave __ 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/
