Re: [css-d] Background-image and line height problems in IE6
2009/1/7 Virgilio Quilario virgilio.quila...@gmail.com hi Rory, i've viewed your web site on both ie7 and ff3 and haven't notice any difference. perhaps fixed already? cheers, virgil http://www.jampmark.com Thanks, someone emailed me off-list with the problem - the elements needed hasLayout added to them. I implemented an IE-only stylesheet to add zoom: 1; to #keywords-calls, #blog-latest and #sidebar #audience-calls li a. Glad to know it worked! Cheers Rory __ css-discuss [cs...@lists.css-discuss.org] 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] Background-image and line height problems in IE6
Hi all, I'm having a couple of issues on the following website that I can't resolve: http://www.roryf.co.uk/projects/cgm/ I think everything now works fine in all browsers except IE6 7. Both have an issue with the background image on #keywords-calls and #blog- latest, the first not displaying at all and the latter only partly visible. IE6 is also increasing the height of #sidebar #audience-calls li on the right. I'm at a loss for either of these problems, any help is greatly appreciated! Browsershots images from yesterday, I've resolved a couple of things since then: http://browsershots.org/screenshots/b38052f3c490ed482175f7d40303e5d3/ (FF3, how it should look) http://browsershots.org/screenshots/09c2a68c7a80ff914c20dafae79310b2/ (IE7) http://browsershots.org/screenshots/b8b7e7654e8d1a0605497492e324c95f/ (IE6) Cheers, Rory __ css-discuss [cs...@lists.css-discuss.org] 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, z-index and absolute positioning
2008/12/7 Leyrson Kroska [EMAIL PROTECTED] Hi, the default value of z-index for all elements is 0, try z-index:-1; I had already adjusted the z-index of the main content areas to 200 and the background elements to 5, however the problem was I hadn't adjusted the main container. Changing #outer to z-index: 200; did the trick. To your menu change the float:left; of a/a tag to li/li Awesome, that fixed it :) - Sorry for my bad english .. :) Don't be, you're trying to help thats what counts :o) - tips to IE6: transparent .png need one fix .. search in the google for png fix but here some links: Thanks, I was aware of this and know how to get round it. Regards, Leyrson Cheers Rory PS Sorry for hijacking another thread subject, I hadn't actually read the thread titled IE7, z-index and absolute positioning before sending this message but I'd scanned the list so it was obviously in my sub-conscious! __ 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] repeating image
2008/12/7 Tim Wolak [EMAIL PROTECTED] Morning all, In the main content area of my pages I have a small repeating image for the background. How do I get it to dynamically conform to the amount of content on the page? I would like it to conform to the content obviously but also have it big enough so that my content areas are not super short. Any advice? Thanks in advance! Tim http://dev.howsmykiddriving.org My first question would have to be - why are you using an image for this at all? Why not just set the background-color property of #wrapper to #949075? (thats what ColorZilla told me the colour was) Cheers Rory PS one more question - why aren't either of the kids in the pictures wearing their seat belts? :o) __ 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, z-index and absolute positioning
Hi all, I have a page that has three elements that are designed to be in the background and move when the page is resized: http://www.roryf.co.uk/projects/guides/ This works fine in everything except IE 6 7 (no surprises there then!). I'm a bit stuck as to where to start fixing the z-index with the background elements and the stacking of the main nav menu. Can someone point me in the right direction please? Cheers Rory Fitzpatrick __ 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] Float problem with order of HTML
Hi, I'm trying to create a layout that has the nav section taking up a left hand column from position 0,0 of the container, with a header and then content on the right. I want to do this with the nav HTML element appearing below the header, but without using absolute positioning. My progress so far is at: http://www.roryf.co.uk/projects/safhs This shows the desired effect I want but has the nav first in the HTML. If it comes second it renders below the header, whatever margin- left or float value I give to the header element. The only way I've found is giving the header an absolute width, but this then causes problems with the margin-right on the nav and I'd rather it was more flexible than that. Any suggestions? Cheers Rory __ 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] How to view someone else's CSS source?
On 25/05/07, Jukka K. Korpela [EMAIL PROTECTED] wrote: On Thu, 24 May 2007, Forafo San wrote: I'm new to CSS, but enjoying the CSS paradigm tremendously. While it's easy to view the HTML source behind any webpage, how does one view the CSS markup in external style sheets that renders the page? That's rather awkward, so if possible, download and install the Web Developer Extensions to Firefox, from http://chrispederick.com/work/webdeveloper It's a great tool that lets you study (and modify) many aspects of a document. Select CSS/View CSS (or ) to see the stylesheets. I'd also get the Firebug extension, it allows you to select an element on the page and view its current style attributes (including those set by javascript)oh and it does a few other things as well ;-) http://www.getfirebug.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] two variable width divs side by side
On 23/05/07, Paul Sommer [EMAIL PROTECTED] wrote: div style=width:auto; white-space:nowrap; border:1px solid black; div style=white-space:nowrap; border:1px solid fuchsia; margin:2px; float:left; That's the way it looksbr impossible without tables? /div div style=width:auto; white-space:nowrap; border:1px solid lime; margin:2px; float:left; table border=1 tr td11/td td22/td /tr /table /div div style=clear: bothnbsp;/div /div Please help me, as I'm totally frustrated and considering giving up table free layout. Try this out for size: div style=border: 1px solid black; width: auto; float: left; div style=border: 1px solid fuchsia; margin: 2px; float: left; width: 100px; That's the way it looks without tables /div div style=border: 1px solid lime; margin: 2px 2px 2px 108px; width: auto; table border=1 tbodytr td11/td td22/td /tr /tbody/table /div div style=clear: both;nbsp;/div /div If you want to increase the space between the divs simple increase the margin-left value (108px - this allows for the 100px width + total 6px margin + 2px of border). Hope this helps Rory __ 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] IE 5 and 6 issue
does anyone know where I can check a newly designed site in a variety of different browsers? With regard to cross-browser viewing, if you mean IE, and you are on a PC, you can get multiple installs of IE here: http://tredosoft.com/Multiple_IE Or you can use browsercam (rather expensive): http://www.browsercam.com/ http://www.browsershots.org is one I use a lot, oh and its free! __ 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 doubling padding with clear:both
Hi, Sorry if I've sent this multiple times - I'm not having much luck with gmail today! I'm having a problem with IE doubling the padding-top value on a div. A quick google search revealed that this happens when the div also has clear:both (which it does) and using a selector would fix it. That did the trick with IE6, but the problem also exists in IE7 which can also use the selector. I want a 20px top padding and am currently using the following: #device .content { background-image:url(../img/content-bg.png); background-repeat:no-repeat; background-color:#fff; padding-left:20px; padding-right:20px; padding-top:10px; } #devicediv.content { padding-top:20px; } This gives 20px in Firefox and IE6, but 40px in IE7. Any other way I can get round it? I'd rather not change the markup, its nice and simple at the minute. Cheers, Rory __ 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/