Re: [css-d] is it possible to get A:focus working in IE?
James Gadrow wrote: Sandy wrote: Hello All, Is it possible to get A:focus working in IE? I have done a little research, and found lots of people saying that IE doesn't support focus. Is there some kind of work around? thanks! Sandy The only work arounds I know are javascript (which can be disabled) and behaviours (which I've not yet attempted to learn). Unless someone here knows another way there are no known CSS only workarounds. I believe that IE's behaviors are just another form of Javascript ... -- David [EMAIL PROTECTED] authenticity, honesty, community __ 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] [Question] IE spacing issues
Thank you so much! That absolutely worked! :) -- Melissa Carraway 410.771.5544 x4434 [EMAIL PROTECTED] www.syssrc.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Teressa Terry Sent: Monday, May 07, 2007 3:52 PM To: css-d@lists.css-discuss.org Subject: Re: [css-d] [Question] IE spacing issues *-Original Message- *From: Melissa Carraway *Sent: Monday, May 07, 2007 10:53 AM * *I'm noticing a couple of DIVs are adding space at the bottom under the *content - only in IE, and not in Mozilla. * *What is doing this? I can't imagine why it would be adding space under *an image or a search bar. I think that's actually vertical spacing before and after your form, which is built into the form element (I think it's about 1.3ems). If you remove all your padding on the colordiv, the form spacing collapses for some strange reason. Even 1px causes the same bloat. (I may not have all the facts straight here, forgive me if I'm spreading misinformation!) But I do know It works if you change your code to this: #colordiv1 { PADDING:5px; BACKGROUND: #e4e4e4; margin:0; } form { display:inline; margin:0; } or this: #colordiv1 { PADDING:0; BACKGROUND: #e4e4e4; margin:0; } form { margin:0; padding:5px;} Cheers, Teressa Terry __ 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] Image Placement
On 07/05/07, Steve LaBadie [EMAIL PROTECTED] wrote: I have an image set to align=middle, but aligns on the bottom of the cell in Firefox. How can I correct this? 1. Remove obsolete presentational markup 2. Set the vertical-align property for the table data cell (I assume that is what you are talking about when you say 'cell') 3. If it still doesn't work, provide a URL showing the issue -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ 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] Browser Check Please [Richard Brown]
Richard Brown wrote: http://www.stwinnowceschool.info/ http://www.stwinnowceschool.info/wp-content/themes/iconschool/style.css However, when I look at the site in WinIE 5.5 an d 6.0 the yellow rounded corner background gains a huge yellow square on the right hand side. Can anybody tell me why please? Why I don't know. #wrapper { overflow-x: hidden; } Seemed to close it in IE/6.0 (xp :: local). I did not check 5.5. Best, ~dL PS Not to add to your issues, but your personal site in not working as intended in IE/6.0. -- http://chelseacreekstudio.com/ __ 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] ie7 mouseover graphic jumping
Hi, I have a problem only with ie7 and the mouseover graphic for the events box. When you put your mouse over it the over graphic is a little slow to load so the original background color shows first before the over image shows so it looks like it is jumping. Do not have this problem in mozilla, netscape, or opera. http://www.usprayercenter.org/test/ Thanks! Sincerely, Melinda Odom Design Hosting, Inc. www.designhosting.biz 479-471-0891 No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.467 / Virus Database: 269.6.5/793 - Release Date: 5/7/2007 2:55 PM __ 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] ie7 mouseover graphic jumping
When you put your mouse over it the over graphic is a little slow to load so the original background color shows first before the over image shows so it looks like it is jumping. I personally didn't see a slow transition for the rollover effect, but what you could do is preload the image. If you place another item on the page with that image and then set it's CSS property of display to none that should do the trick. I haven't tried this trick with IE7, but I would assume it would still hold true. - Scott Heckel __ 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] :: mac/ie5.2-- heading broken ::
h1 broken in Mac/IE5.2. Looks to be only on the index from the browsercam captures (inside pages use a different style). Now what I'll do? Relevant styles embedded. login: quill pass: crow uri: http://chelseacreekstudio.com/ca/celiac/ browercam captures of problem: http://www.browsercam.com/public.aspx?proj_id=345762 full style sheet: http://chelseacreekstudio.com/ca/celiac/ct/css/style4index.css Thanks. ~dL -- http://chelseacreekstudio.com/ __ 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] Browser testing for gallery.
Hi all, I usually use http://browsershots.org/ to test my site in other browsers but in this instance I can't. I am hoping to find out if the page loads correctly, what type of transition effects you see and if there is anything weird going on that you don't think should be. Please check: http://www.3pointdesign.com/gallery/logos.html My testing is limited to mac browsers. All is well on; Safari 2.0.4 Firefox mozilla 1.5.0.9 Webkit (safari) Netscape 7.2 Opera 9.20 Internet explorer 5.2 Except in Netscape where the gallery's height takes up twice as much room as it should. Any idea why this is? Another issue, which is not too much of a concern to me is in i.e 5.2 mac. It is not on the gallery page but rather my index page: http:// www.3pointdesign.com/index.html - The first container in the left hand column, entitled 'welcome', expands all the way to the bottom of the right hand column. My guesses, which have not worked so far, are to do with display-table, the type of float-clear that I use - but I have not had any luck with fixing this. If anyone wants to look at my index page, not in i.e. 5.2 mac, just to see if anything else is going wrong then please do so. I have sent two emails to moderators to see if my new email signature is allowed but not have heard anything back. i guess i will find out if it is ok soon enough - sorry if it is not. Best wishes, Chris Chris Blake: Visit my Website at 3 Point contact | [EMAIL PROTECTED] - 07816163420 | aim - blakeybounce | msn - [EMAIL PROTECTED] __ 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] Browser testing for gallery.
Hi all, I usually use http://browsershots.org/ to test my site in other browsers but in this instance I can't. I am hoping to find out if the page loads correctly, what type of transition effects you see and if there is anything weird going on that you don't think should be. Please check: http://www.3pointdesign.com/gallery/logos.html My testing is limited to mac browsers. All is well on; Safari 2.0.4 Firefox mozilla 1.5.0.9 Webkit (safari) Netscape 7.2 Opera 9.20 Internet explorer 5.2 Except in Netscape where the gallery's height takes up twice as much room as it should. Any idea why this is? Another issue, which is not too much of a concern to me is in i.e 5.2 mac. It is not on the gallery page but rather my index page: http:// www.3pointdesign.com/index.html - The first container in the left hand column, entitled 'welcome', expands all the way to the bottom of the right hand column. My guesses, which have not worked so far, are to do with display-table, the type of float-clear that I use - but I have not had any luck with fixing this. If anyone wants to look at my index page, not in i.e. 5.2 mac, just to see if anything else is going wrong then please do so. Best wishes, Chris Christopher Blake www.3pointdesign.com [EMAIL PROTECTED] __ 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] Footer position problem when using 2 column layout inside Firefox
Hello all... i am currently working on my first site using CSS and have run into a bit of a problem... i have narrowed down where the issue is at but i have no clue how to fix the issue... please check out the following links: http://www.jmdesignstudio.com/TCS-sample/star-prod.htm http://www.jmdesignstudio.com/TCS-sample/junktest.htm http://www.jmdesignstudio.com/TCS-sample/style.css the first link is the page that has the issue... if you view the 1st link in IE6, the footer shows up fine (stuck to the bottom and centered) but if viewed in Firefox, the footer refuses to stick to the bottom of the page and shows up about 2/3 of the way down hanging over the right side of the page... i have narrowed the issue down to how i have layed out the product info(defined by div class .entry) and the product picture sections (defined by the div class .prod-pic)... that's where the 2nd link comes in... i took out all of the stuff that was in my content div and inserted a bunch of filler text to make it overspill the screen to see if the footer would stick, and it does show up correctly in both browsers when i take all that stuff out of the content div... so it has to be how i am doin my product info sections and the pics... i am totally stumped on this, so if anyone knows how to fix my issue, please let me know... i hope i have accurately described where my issue is at, if not, let me know and i will try to further explain my issue thanks for the help... Jeff Be a PS3 game guru. Get your game face on with the latest PS3 news and previews at Yahoo! Games. http://videogames.yahoo.com/platform?platform=120121 __ 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] IE7 and fixed background images
Hi, New to this group.hello everyone. I've been doing websites for many years now but I'm not an expert on css. I've used Eric Meyers fixed background example from his book on two sitesnow with IE7 out there they don't work as expected. Does anyone know how to make fixed backgrounds stay fixed in IE7?? These are the two sites: * http://www.bhbws.com/newcastle/index.php * http://www.bhbws.com/honor/index.php Thanks in advance. Debi __ 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] ul question - it's driving me crazy
I have an unordered list on my page, but for some reason the second (and third) lines of text with each bullet are not aligning with the first line. How do I get everything to line up? Here is the page http://www.2393parkplace.com/Committees/architectural.html Here is the css http://www.2393parkplace.com/styles/committee_styles.css Any help would be greatly appreciated! Sara __ 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] relative positioning inside absolute positioned element - why not percentage for top?
I have a problem with relative positioning, containing block, and percentages. I have an absolutely positioned outer DIV, and a relatively positioned inner DIV. My goal is to shift the inner DIV halfway to the left and up, using percentages. See code below: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtd; html head meta http-equiv=Content-Type content=text/html; charset=ISO-8859-1 titletitle/title style type=text/css body { margin: 50px; } div { border: 1px solid green; } div div { border: 1px dotted red; } /style /head body div style=position: absolute; div style=position: relative; top: -50%; left: -50%; Some multi-br line content /div /div /body /html My expectation is to see the text with the red border shifted both up and left from the green (outer) box. In standard browsers like Firefox and Opera I only get a shift sideways and not upwards, though in IE I get both directions. I have been trying to find support for the standard browsers' behaviour in the CSS spec, but have failed. Sections 9.3.2, 10.6.4 and 10.6.7 suggest, at least to me, that I should be getting the upwards shift with my layout. Can anybody point to something that explains this? Did I miss something in the spec or are both Firefox and Opera wrong (not likely) ? Best regards Mike __ 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] fixed header and footer, with expandable iFrame in center?
Hello all- I'm trying to create a page with header and footer fixed to the top and bottom of the browser window, with an iFrame in the center that expands vertically to fill the space in-between. I've created a sample with just the iFrame center working the way I'd like (see below), but I haven't been able to successfully put in the header and footer without making the browser window start to scroll (overflowing by the header and footer height). I only need a solution that works with IE7 (and the latest Firefox as a plus). Any ideas? Here's my sample (and a graphic showing my desired design is here - http://s29.quicksharing.com/v/1407434/graphicLayout.jpg.html): !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 / titleCSS Layout - 100% height/title style type=text/css media=screen html,body { margin:0; padding:0; height: 100%; background: gray; } #container { width:900px; height: 100%; margin: 0 auto 0 auto; } #header { background-image: header.jpg; height: 40px; } #content { height: 100%; min-height: 568px; background: white; } #footer { background-image: footer.jpg; height: 50px; } /style /head body div id=container !-- div id=header/div -- !-- div id=navbar/div -- div id=content iframe name=contentiframe src=iframecontent.html width=100% height=100% frameborder=0 /iframe /div !-- div id=footer/div -- /div /body /html __ 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] Expandable iFrame in center with header and footer?
Hello all- I'm trying to create a page with header fixed to the top of the browser, an iFrame in the center that has a min-height but expands vertically to fill the space in-between the header and a footer, with the footer following after and mostly set to the bottom of the browser window (unless the browser's height goes below the minheight of the iframe+headerheight+footerheight). A graphic of what I'd like to do is here- http://s29.quicksharing.com/v/1407434/graphicLayout.jpg.html. I've created a sample with just the iFrame center working the way I'd like (see below), but I haven't been able to successfully put in the header and footer without making the browser window start to scroll (overflowing by the header and footer height). I only need a solution that works with IE7 (and the latest Firefox as a plus). Any ideas? Here's my working sample so far (basically just want to get this working as is, but with a header and footer attached): !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 / titleCSS Layout - 100% height/title style type=text/css media=screen html,body { margin:0; padding:0; height: 100%; background: gray; } #container { width:900px; height: 100%; margin: 0 auto 0 auto; } #header { background-image: header.jpg; height: 40px; } #content { height: 100%; min-height: 568px; background: white; } #footer { background-image: footer.jpg; height: 50px; } /style /head body div id=container !-- div id=header/div -- !-- div id=navbar/div -- div id=content iframe name=contentiframe src=iframecontent.html width=100% height=100% frameborder=0 /iframe /div !-- div id=footer/div -- /div /body /html __ 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] Dificulties with background images in different divs
Hi I am having trouble putting background images into some divs. I am a bit of a noobie so please excuse my stupidness it is probably very easy. The tabs in the panels at the bottom of this page for some reason all have the same background image: (uk.gif) http://216.219.94.105/index3.html What I need to do is to make it so that each Pane of the tabs has a different image. I tried to do this by adding an image to the .dhtmlgoodies_iTab and changing one of the panels to have class .dhtmlgoodies_iTab but to no avail. I would be very greatfukl if someone could point me in the right direction. Thank-you very much. .dhtmlgoodies_tabPane { BORDER-BOTTOM: #e5e5e5 1px solid; HEIGHT: 21px } .dhtmlgoodies_aTab { BORDER-RIGHT: #e5e5e5 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #e5e5e5 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #e5e5e5 1px solid; FONT-FAMILY: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; background-image: url(../images/uk.gif); BACKGROUND-REPEAT: no-repeat } .dhtmlgoodies_iTab { BORDER-RIGHT: #e5e5e5 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #e5e5e5 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #e5e5e5 1px solid; FONT-FAMILY: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; background-image: url(../images/worldmap.gif); BACKGROUND-REPEAT: no-repeat } .dhtmlgoodies_tabPane DIV { BACKGROUND-POSITION: left bottom; PADDING-LEFT: 3px; FLOAT: left; MARGIN-LEFT: 0px; VERTICAL-ALIGN: middle; CURSOR: pointer; BOTTOM: -1px; MARGIN-RIGHT: 0px; BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 90% } .dhtmlgoodies_tabPane .tabActive { Z-INDEX: 10; BACKGROUND-IMAGE: url(../images/tab_left_active.gif); MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px } .dhtmlgoodies_tabPane .tabInactive { Z-INDEX: 1; BACKGROUND-IMAGE: url(../images/tab_left_inactive.gif); MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px } .dhtmlgoodies_tabPane .inactiveTabOver { BACKGROUND-IMAGE: url(../images/tab_left_over.gif); MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px } .dhtmlgoodies_tabPane SPAN { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 11px; FLOAT: left; VERTICAL-ALIGN: top; LINE-HEIGHT: 21px; FONT-FAMILY: arial } .dhtmlgoodies_tabPane .tabActive SPAN { PADDING-BOTTOM: 1px; LINE-HEIGHT: 20px } .dhtmlgoodies_tabPane IMG { FLOAT: left } - Yahoo! Mail is the world's favourite email. Don't settle for less, sign up for your freeaccount today. __ 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] css check, feedback needed
I'm relatively new to using CSS and I would like to present here my latest piece of work. I need feedback, what is bad, what should be changed or omitted and what is just plain wrong. Stuff like that. /* basic */ * { margin: 0; padding: 0; } a { background-color: inherit; color: #000; text-decoration: none; } a:hover { text-decoration: underline; } ul { margin: 12px 0; } li { list-style: square; font-size: small; margin-left: 18px; } body { background: #000; color: #ccc; font: 85% sans-serif, Arial; text-align: center; } /* main */ .container { position: relative; background: #fff; color: #333; border: 1px #000 dashed; margin: 10px auto 10px auto; text-align: left; width: 800px; height: 700px; } /* header - page title goes here */ .header { margin: 10px 0 10px 10px; height: 100px; } .header h1 { float: left; font-size: 200%; padding: 10px; margin-left: 10px; } .header p { float: right; font-size: 150%; padding: 10px; font-style: italic; font-weight: bold; margin-right: 20px; } /* navigation - main menu goes here */ .nav { position: absolute; bottom: 125px; width: 100%; text-align: center; font-size: 150%; background-color: #fff; color: #000; } /* content - all content goes here */ .content { margin: 40px 72px 20px 72px; } .content p { margin-bottom: 10px; font-size: small; } .content h2 { font-size: 125%; padding: 10px; } .content img { margin: 5px; border: 2px double #000; padding: 1px; } .content a { background-color: inherit; color: #66; } .left { float: left; } /* footer - secondary menu and copyright info goes here */ .footer { position: absolute; bottom: 0; vertical-align:bottom; border-top: 1px #000 dashed; height: 100px; background: #ccc; color: #333; } .menu { float:left; padding: 10px; font-size: small; } .copy { float: right; padding: 50px 10px 0 0; font-size: x-small; } I also had a problem with something like this. I made different hover effects (a:hover, .content a:hover, .footer a:hover), but when i fired it up in the browser only two of the hover effects were active for the whole document, one hover style was completely lost, two other were applied, but in the wrong places (checked IE7 FF2). I think I declared it wrong, but don't know how can I do it right. Help and comments will be appreciated. Best regards td -- Dziecko - instrukcja obsługi http://link.interia.pl/f1a51 __ 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] Footer position problem when using 2 column layout inside Firefox
You might be able to fix it by having a clear div at the bottom of your contents. This is a good example that someone gave to me; H1hello/H1IMG alt=dye in water src=3 Point_files/inks.gif PLorem ipsum dolor sit amet.../P div style=clear:both; height:1px; line-height:1px; margin:0; padding:0;nbsp;/div That is for clearing a floated picture that is larger than the text in a containing div. You could try adding clear:both; to your footer. Hope it comes in useful, sorry if it has not. Chris Blake: Visit my Website at 3 Point contact | [EMAIL PROTECTED] - 07816163420 | aim - blakeybounce | msn - [EMAIL PROTECTED] On 8 May 2007, at 02:31, Jeff Moore wrote: Hello all... i am currently working on my first site using CSS and have run into a bit of a problem... i have narrowed down where the issue is at but i have no clue how to fix the issue... please check out the following links: http://www.jmdesignstudio.com/TCS-sample/star-prod.htm http://www.jmdesignstudio.com/TCS-sample/junktest.htm http://www.jmdesignstudio.com/TCS-sample/style.css the first link is the page that has the issue... if you view the 1st link in IE6, the footer shows up fine (stuck to the bottom and centered) but if viewed in Firefox, the footer refuses to stick to the bottom of the page and shows up about 2/3 of the way down hanging over the right side of the page... i have narrowed the issue down to how i have layed out the product info(defined by div class .entry) and the product picture sections (defined by the div class .prod-pic)... that's where the 2nd link comes in... i took out all of the stuff that was in my content div and inserted a bunch of filler text to make it overspill the screen to see if the footer would stick, and it does show up correctly in both browsers when i take all that stuff out of the content div... so it has to be how i am doin my product info sections and the pics... i am totally stumped on this, so if anyone knows how to fix my issue, please let me know... i hope i have accurately described where my issue is at, if not, let me know and i will try to further explain my issue thanks for the help... Jeff __ __ Be a PS3 game guru. Get your game face on with the latest PS3 news and previews at Yahoo! Games. http://videogames.yahoo.com/platform?platform=120121 __ 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/
[css-d] download ie 5.2 for Mac
hi all, i just got a new imac and they don't come with ie any longer. does anyone know where to find it? i have looked for a while and haven't had any luck. i know it's old but i still would like to test my css on it. thanks in advance Jeff __ 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] A few problems
On 5/7/07, Lauri Pantos [EMAIL PROTECTED] wrote: Hi. This is my first attempt at tableless css - I've taken an example and modified it - I'm almost there, but have a few problems. URL is http://www.somtndesign.com/portfoliocopy.php I need to put the word 'HOME' (which is on the bottom right now) below the sun and mountain graphic - not where it is now Graphics were made by my partner on a mac - even though I'm using his specs, I still have too much gap on the left side and bottom of the page Is it better to insert an image in a div or make it a background for the div? Thanks for all the help Lauri Pantos - Original Message From: Steve LaBadie [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Monday, May 7, 2007 3:06:01 PM Subject: [css-d] Image Placement I have an image set to align=middle, but aligns on the bottom of the cell in Firefox. How can I correct this? Steve LaBadie, Web Manager East Stroudsburg University 200 Prospect St. East Stroudsburg, Pa 18301 570-422-3999 [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] http://www.esu.edu http://www3.esu.edu __ 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/ Looking for earth-friendly autos? Browse Top Cars by Green Rating at Yahoo! Autos' Green Center. http://autos.yahoo.com/green_center/ __ 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/ Lauri, With regard to your question about using an inline image versus a background image, it really depends on the situation. I like to use background images with CSS selectors when possible if I'll have different pages with similar elements but different images. Other times, particularly when I'm doing a lot of dynamic or data-driven stuff, I'll tend toward img tags. Really, for things like banners that are fairly consistent across a site, background images are awesome because you can change everything in one file - an important thing to think about when deciding which to use: will I want/need to make changes to this the way I change a font or color? To me, backgrounds are really presentational (embellishments like a drop shadow or purely decorative texture in a banner) while img tags are oriented more toward actual content (like photos in a news story, diagrams in a how-to, charts in a prospectus, etc.). The answer to your question about the 'Home' text depends on whether this is destined to be a link. If so, I'd first make it an a with a class or id that fits and set it to display: block. Put that element inside your div.feature and position it as necessary. You could set that image as the background and set the size for that div, or leave it as an inline image and lay the 'Home' text on top. I personally don't see any problem with the spacing on the page. Hope that helps a little, Reed __ 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] :: mac/ie5.2-- heading broken ::
On May 9, 2007, at 8:03 AM, ~davidLaakso wrote: h1 broken in Mac/IE5.2. Looks to be only on the index from the browsercam captures (inside pages use a different style). Now what I'll do? Relevant styles embedded. login: quill pass: crow uri: http://chelseacreekstudio.com/ca/celiac/ browercam captures of problem: http://www.browsercam.com/public.aspx?proj_id=345762 full style sheet: http://chelseacreekstudio.com/ca/celiac/ct/css/style4index.css You do some quite tricky things there, relying on line-height... and poor IE Mac can barely follow. For one thing, the h1 isn't containing the float (witness: the border-bottom crosses through) floating the h1 /and/ giving it a width solves that issue. The second issue is the i that is not aligned the same way as other browsers. I gave up trying to get IE Mac do that. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ 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] download ie 5.2 for Mac
On May 9, 2007, at 11:12 AM, jeffrey morin wrote: i just got a new imac and they don't come with ie any longer. does anyone know where to find it? i have looked for a while and haven't had any luck. i know it's old but i still would like to test my css on it. thanks in advance Evolt still has it: http://browsers.evolt.org/?ie/mac Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ 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 inheritance issue
On Mon, 7 May 2007 11:45:50 -0700, Tim Sheiner wrote: I'm having trouble with, I think, an inheritance issue with IE6. In the following html, I create buttons out of two spans, style them differently and use a script to activate them. Firefox agrees with me that the buttons should have different .up, .over, and .down styles, but IE6 does not. It seems to be applying only the last styles listed to both buttons. Can anyone explain how to get IE to see the differences in the span classnames? Hi Tim, You have this in your code (edited) : .type2.up { color: rgb(0,0,0); background-color: rgb(255,255,255); border-color:rgb(255,255,255); } .type2.over { color: rgb(0,0,0); background-color: rgb(255,255,255); [...] } .type2.down { color: rgb(0,0,0); background-color: rgb(230,230,230); [...] } As you noticed, IE has trouble with selectors that combine classes. You are correct - IE only applies the last class. The only solution I can think of is add a third, unique class name to the elements that already have class=type2 up etc. IE at least recognizes all the class names within a class attribute in the HTML. It's a feature. Don't know if it is fixed in IE7 ? Cordially, David -- __ 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] IE7 and fixed background images
Deborah Carpadus wrote: I've used Eric Meyers fixed background example from his book on two sitesnow with IE7 out there they don't work as expected. Does anyone know how to make fixed backgrounds stay fixed in IE7?? IE7 supports fixed background natively. Just make sure IE7 don't get the javascript-fix you have linked in for IE6, as that will otherwise mess up things in in IE7. Adding a conditional comment... !--[if lt IE 7] script type=text/javascript src=fixed.js/script ![endif]-- ...is one way to solve it. 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] :: mac/ie5.2-- heading broken ::
Philippe Wittenbergh wrote: On May 9, 2007, at 8:03 AM, ~davidLaakso wrote: h1 broken in Mac/IE5.2. login: quill pass: crow uri: http://chelseacreekstudio.com/ca/celiac/ You do some quite tricky things there, relying on line-height... and poor IE Mac can barely follow. For one thing, the h1 isn't containing the float (witness: the border-bottom crosses through) floating the h1 /and/ giving it a width solves that issue. The second issue is the i that is not aligned the same way as other browsers. I gave up trying to get IE Mac do that. Philippe Indeed. Thank you for trying and your effort on my behalf, Philippe. Regards, ~dL -- http://chelseacreekstudio.com/ __ 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] ul question - it's driving me crazy
Sara Citrenbaum wrote: I have an unordered list on my page, but for some reason the second (and third) lines of text with each bullet are not aligning with the first line. How do I get everything to line up? Not exactly sure what the desired effect is. What I am seeing is the correct behaviour for { list-style-position : inside } Quoting Eric Meyer The marker is made an inline element at the beginning of the first line of the list item's content You might want { list-style-position : outside } Again quoting EM The marker is placed outside the box containing the list item's content. The actual position of this marker is not specified. I guess that means its up to the browser exactly where the marker goes, although I'm sure you can fine tune it with margins or padding. hth D# __ 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] download ie 5.2 for Mac
Thanks guys. I appreciate the help Jeff __ 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] IE7 Giving Me Headaches
Trying to figure out why the forms are displaying at the bottom of the left side only in IE7 - Firefox, IE6 and others don't seem to have this problem. Can someone take a look - I need some fresh eyes (I've been looking at it too long) The URL is http://www.completeicare.com/new/contact.php The CSS is http://www.completeicare.com/new/eyecare.css Thanks for the help Alan Dunbar __ 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/