[css-d] Explorer glitch?
Hello, I am working on a site here http://www.marksandharrison.com/homepage01.asp and I am having problems in Explorer on the Safety Alerts accordion menu news thingy in the content area below the En Esponal button. It works fine in FIrefox but in IE there is a graphic glitch below the Consumer Safety News and above Prescription Drug Alerts. The site does not have a doctype, and if I add one it fixes but then breaks some other parts fo the site. So I need a way to fix this area without the doctype, in quirksmode. I tried throwing some hasLayout hacks at it but no go. Any ideas? THanks! Kevin __ 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] Cross-browser problem: IE
And you don't need the bold in the links, you can do that in CSS. You should do all that in the CSS. Also you should ot some CSS and apply it to the a tag, not the b tag. #point li a:hover b, #point li a.current b, #point2 li a:hover b, #point2 li a.current b { display:block; float:left; cursor:pointer; /*font-weight:normal;*/ } #point li a:hover b, #point li a.current b { background:transparent url(../img/up_arrow.gif) no-repeat center bottom; } #point2 li a:hover b, #point2 li a.current b{ background:transparent url(../img/up_arrow2.gif) no-repeat center bottom; } THis.. #point li, #point2 li { display:table-cell; margin:0; padding:0; } You don't usually use table-cell rule like that for menus, use inline or float. On Nov 21, 2008, at 12:08 PM, Linden A. Mueller wrote: > I have tested my page in all major browsers and it works perfectly in > all of them except for IE (I've tested in IE7). Instead of a nice, > flat horizontal nav bar, it looks likes steps in IE. See it here: > http://lindenamueller.com > > Is this a hasLayout problem? I'd like to understand why this is > happening if possible. :) > > (I have another question, but I'll wait until this one is solved > before asking.) > > Many thanks, > Linden A. Mueller > __ > 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-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] Cross-browser problem: IE
Hey Linden, From the brief look, you have the at the very top of the code; I recall this points IE in quirks mode. YOu have a CSS validation error too: http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A%2F%2Flindenamueller.com%2F On Nov 21, 2008, at 12:08 PM, Linden A. Mueller wrote: > I have tested my page in all major browsers and it works perfectly in > all of them except for IE (I've tested in IE7). Instead of a nice, > flat horizontal nav bar, it looks likes steps in IE. See it here: > http://lindenamueller.com > > Is this a hasLayout problem? I'd like to understand why this is > happening if possible. :) > > (I have another question, but I'll wait until this one is solved > before asking.) > > Many thanks, > Linden A. Mueller > __ > 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-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] bottom gap problem
Hello all, I am using some jQuery tabs in the content area at the top on http://www.fortheinjured.com/default_redesign.asp but I can't seem to get rid of the bottom gap below the tabs. THere's also a gap to the left of the 3 tabs I can't get rid of also. Any ideas how to get rid of it? THe tabs should be flush with the bottom box. Thanks all! Kevin __ 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] tooltip problems in Explorer....?
Hello, I have added some tooltips with larger photos of the product thumbnails on http://www.butterflymama.com/mm5/mer...tegory_Code=BL, and it works fine in Safari and Firefox but not in Explorer 7 and below. The larger image is going underneath the other elements on the page upon rollover. I know it has something to do with z-index or some has-layout bug but can't figure it out. Any ideas? thanks! Kevin __ 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 IE7 menu 'sticking'
Hey Rolland, Your answer is here: http://css-class.com/articles/explorer/sticky/index.htm Kevin On Jan 25, 2008, at 10:09 AM, rollandburn wrote: > I wonder if anyone could lend a hand with a problem i am having with a > sons of suckerfish menu in ie7.. > > I did half this site while sick as a dog and am regretting some of the > groggy decisions I made but today is launch day and I am kinda stuck > with hacking at what I have. The complaint I am getting only seems to > be present in IE7. I say this because everything is fine on my mac > and my parallels IE6/Firefox shows no problems. > > The IE7 client says, "How come when I move my cursor over the menus, > they don't roll back up ... I mean they stick to the screen (so to > speak) and if I click into one of the menus, say "Contact" for > example, the rest of them don't have the pull-down menus anymore. They > become static and I can only use the ones along the left side.." > > I can't even check this which is pretty embarassing. Any help is > greatly appreciated. > > rolland > > > __ > 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-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] Dropdown Issues...
Hello, I am working on a suckerfish type menu at http:// robotics.pmhclients.com/index.php But I am having some problems with the dropdown appearing to the right of the button, such as Robotics button on top left. Does anyone know how to fix that? Thanks! Kevin __ 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] slight navigation problem
Hello, I am having trouble with the navigation at the top on http:// www.websconsult.com/hopper/site/home.html in Explorer. In Explorer 7, the background color does not show up at al, get a whitespace, but the link hover correctly. In Explorer 6, the background shows up but the links do not turn yellow on hover like they should. Any ideas? thanks! Kevin __ 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] centre website
Yea I forgot to mention thatyou have to reset all elements within to keep them from inheriting the rule. Kevin On Aug 29, 2007, at 6:40 PM, Rick Lecoat wrote: > On 29/8/07 (23:29) Kevin said: > >> The best way is to use margin: 0 auto; on the element you want to >> center. But explorer has problems with that so will have to add text- >> align: center to the container that the element you want to center is >> in. >> >> So if you have a div container called, "wrapper", you do something >> like this... >> >> body { >> text-align: center; >> } >> #wrapper { >> margin: 0 auto; width: 800px; >> } > > If you add the {text-align: center} to body, then you might also > want to > add {text-align: left} to #wrapper -- otherwise everything inside the > wrapper will inherit the center alignment, which is probably not what > you want. > > In other words, you ONLY apply {text-align: center} to the wrapper, > not > to the wrapper's contents. > > -- > Rick Lecoat > __ 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] centre website
Hey, The best way is to use margin: 0 auto; on the element you want to center. But explorer has problems with that so will have to add text- align: center to the container that the element you want to center is in. So if you have a div container called, "wrapper", you do something like this... body { text-align: center; } #wrapper { margin: 0 auto; width: 800px; } On Aug 29, 2007, at 6:13 PM, Steve Rendoulis wrote: > Hi all, > this is my first post; I'd like the following website to centre on > any sized monitor-how do I best accomplish this? > > www.rendoulis.com > > thanks > > Steve > > > > > __ > 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-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] space under logo and left column height
Yes, David, I just noticed that too.try removing that top padding from the topbanner container. So this... #topbanner { background-image:url(images/left100.gif); background-repeat:no-repeat; border:thin solid #99; height:100px; margin: 0 auto; padding: 0; position:relative; width:99%; } Kevin On Aug 29, 2007, at 11:28 AM, David Laakso wrote: > Cynthia Page wrote: >> >> It looks almost like it should on a mac with ff, the only problem >> being a space under the logo in the "top banner". >> In IE on a PC one see the same space and the left column is a few >> pixels above the two columns to the right. The left column is >> absolutely positioned so I could just move it down a few pixels to >> have it line up with the other two columns, however then it is too >> low on the mac :) >> >> >> >> http://hoengerlab.colorado.edu/b3d/indexe.html >> >> >> Cynthia >> >> > > > > For the image problem: have tried deleting the padding on #topbanner? > Don't have win/ie right now. > Best, > ~dL __ 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] space under logo and left column height
Hello Cynthia, Your height 100px seems right.I think the problem is being caused by the text blocks to the right of the logothe orange and the grey on the rightso they are pushing the container to a higher height. try setting some line-height on those text blocks...like... line-height: 1; Alternately you could absolutely position those text blocks within the topbanner container, which you would set to relative positioningthat will stop the text from affecting the height of the top banner containter. If you need help in actually doing the CSS, let me know. Kevin On Aug 29, 2007, at 9:24 AM, Cynthia Page wrote: > Hi, > > I am working on a page and have been going round and round with the > layout to get it browser compliant > > It looks almost like it should on a mac with ff, the only problem > being a space under the logo in the "top banner". > In IE on a PC one see the same space and the left column is a few > pixels above the two columns to the right. The left column is > absolutely positioned so I could just move it down a few pixels to > have it line up with the other two columns, however then it is too > low on the mac :) > > Any suggestions greatly appreciated > > here's the url > > http://hoengerlab.colorado.edu/b3d/indexe.html > > Thanks, > Cynthia > __ 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] small dropdown problem....
Hello, I'm trying to finish this last bug at http://www.cwwebs.net/bc2007/ index.html The bug appears only in Explorer 6. You will notice there are dropdowns on the main yellow buttons at the top. All the dropdowns work except for the "Other Topics" link at the very right side. it works fine in Explorer 7 and firefox Anyone know the problem? Also one other small problem I see in the validation of the CSS is that there are 3 question marks before the html declaration, like this ???html { margin : 0; padding : 0; } But those are not there in the CSS file when I edit itfor some reason the validation is adding the question markswhy is that? thanks! __ 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] IE 7 link bug?
Hello all, A strange oddity here When you scroll down on http://www.cwwebs.net/bc2007/ medical_negligence.html to the list (in content area) where it shows the list beginning with “cerebral palsy” and click on the link, then hit the back button in IE7 browser, then the next list item will be highlighted red as if you had just visited it instead of the link you actually clicked. It doesn't happen in IE 6 and any other browser. Any ideas and/or fixes? Main CSS file: http://www.cwwebs.net/bc2007/css/styles.css Thanks! Kevin __ 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] IE6 problem; gap or extra margin? in header
Hey Erik, The space is probably because CSS sometimes treats images as text with the baseline below, acting as space. To get rid of it you either have to add display: block; to the image or a float: left; to the image Kevin On Jul 2, 2007, at 12:31 PM, Erik Visser wrote: > Thought i could figure it out myself. Checked out positioniseverything > for ie bugs. But can't find it. > > In the header there are 2 images. IE7, Firefox and the others display > them ok. But with IE 6 there's a gap under the images. Tried all sorts > of adjustments. But the gap won't go. > __ 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] Dropdown problems...
Hello, I have the dropdowns for the most part fixed thanks to Alan Gresley but can't seem to fix the problems in Explorer 6 and 5.5. I tried all sorts of changes to get it to work but to no avail so would really appreciate some help on these last bugs. The site in question is http://www.cwwebs.net/bc2007/ You will notice 2 dropdowns on the navigations. One at the top left on the links and the on the main yellow buttons. The top dropdown is displaying fine in all browsers but the bottom one isn't work that well in Explorer 6 and 5.5. In Explorer 6, the main yellow buttons do not appear at all and because of that the dropdowns do not appear. In Explorer 5.5, the main yellow buttons appear but the the dropdowns do not appear. Also small problem on Firefox 2.0 on the macthe main yellow dropdowns go below the main heading right belowthat heading is a sIFR heading but it works perfectly on the PC n Firefox. The CSS file is at http://www.cwwebs.net/bc2007/css/styles.css thanks! Kevin E. __ 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] Suckerfish dropdown problem in some browsers...
hello, On http://www.cwwebs.net/bc2007/ I am having some problems with the suckerfish dropdown I am trying to implement on the 2 top navigationsthere's the top 3 links int he blue and then the horizontal strip in the yellow a little bit below. -- In Firefox, the dropdowns do not go below the main links or buttons for both navigations, they cover up the main buttons, for example. Also in Firefox on the yellow 2nd navigation, sometimes the dropdown goes below the sIFR heading right below. -- In Explorer 7, on the second navigation, the dropdown goes below the content background below. -- In Explorer 6 and below, the dropdowns do not appear at all on the second yellow navigation. -- Sometimes in Explorer, the dropdowns seems to get stuck as you hover over drpdowns...as you hover over another one the other one stays upthough it doesnt happen all the time. The css file is at http://www.cwwebs.net/bc2007/css/styles.css Any help would be appreciated! Thanks! __ 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/