Re: [css-d] help please?
Kirsten Rourke wrote:
The page validates for xhtml transitional and css but IE 5+ win and
mac hates it.
www.kirstenrourke.com/index2.html
Would anyone mind looking (and not laughing too much) and letting me
know what stands out as really wrong?
Nothing really wrong in your stylesheet, but those IE versions have
their own interpretations of this and that :-)
Add a space between ')' and 'top' for the following background...
#rourkeheader span {
background:url(../images/bb_banner.jpg)top left no-repeat;
...so it becomes...
background:url(../images/bb_banner.jpg) top left no-repeat;
...and IE6 will understand what you mean.
Then add...
* html #rourkeheader {overflow: visible;}
...and the header-image should become visible in other IE versions too.
Can't check IE5.x/win at the moment, but IE6 and IE5.2.3/Mac is doing fine.
The addition of...
/* IE-Mac needs dimensions - especially the height */
#masthead {height: 200px; width: 100%;}
/* IE-win needs a 'hasLayout' trigger */
#maincontent {height: 1%;}
/* IE-Mac needs width on floats */
#sidebar {width: 20%;}
...should even out other differences between IE and the good browsers,
and give you a pretty reliably line-up across browser-land.
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] universal selector to set defaults
Hi Garth,
One thing to be aware of is that you will be removing borders from Form
items such as input boxes, you will also be removing the padding on
these items which will need to be reapplied or the input will look
pretty bad (IMHO).
I used to use the universal selector to do what you are suggesting but
now find something like the code below actually more useful as it only
cancels out the bits that really need it:
body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li, table, tr, th,
td, form, fieldset {
margin 0; padding 0; border 0; list-style none; font-size 100%;
font-weight normal;
}
img{
border:0:
}
Hope that helps,
James
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Garth Jantzen
Sent: 31 January 2007 02:37
To: css-d@lists.css-discuss.org
Subject: [css-d] universal selector to set defaults
real quick,
i want to use the * selector to set all my default values (except fonts,
i know they will cascade). something like this:
* {
margin: 0;
padding: 0;
list-style: none;
font-style: normal;
font-weight: normal;
border-collapse: collapse;
border-spacing: 0;
border: 0;
text-decoration: none;
}
i'm pretty sure there won't be any browser quirks over this, but i was
just hoping for some confirmation on this.
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-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] Rounded corners
On 1/31/07, Jonathan Carter [EMAIL PROTECTED] wrote: Thanks a lot for the tip George. Unfortunately my scenario doesn't accomodate fixed width containers. I have a two column fluid layout and both columns need to have rounded edges, and child elements of both containers need to be rounded as well. I've tried numerous different methods for this and I always seem to come up short on each one. You should be able to find a suitable method here - an amazing collection on rounded corners! http://www.smileycat.com/miaow/archives/44.html Cheers George Shape Shed | www.shapeshed.comn __ 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 obj. oriented style of CSS class inheritance
Eric P wrote:
Is there a way to define a CSS class that inherits the attributes of
another (parent) class?
Currently, I have:
.outset
{
border-left: 1px #b2b2b2 solid;
border-top: 1px #b2b2b2 solid;
border-right: 1px black solid;
border-bottom: 1px black solid;
}
.closeBar
{
padding: 2px 2px 3px 4px;
font-weight: bold;
background-color: #B5DFC3;
height: 18px;
}
What you seem to suggest (don't know if I'm missing the point here) is
.outset, .closeBar
{
border-left: 1px #b2b2b2 solid;
border-top: 1px #b2b2b2 solid;
border-right: 1px black solid;
border-bottom: 1px black solid;
}
.closeBar
{
padding: 2px 2px 3px 4px;
font-weight: bold;
background-color: #B5DFC3;
height: 18px;
}
...Seems a little too obvious to be helpful, doesn't it?
If you're talking about non-inherited values in CSS needing to be
inherited (inherited in the sense of nested elements), I occasionally
use such things as
.nobreak, .nobreak *
{
white-space: pre
}
.nobreak, .nobreak * *
{
white-space: normal
}
Hope this helps,
Barney
__
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] IE6 transparent PNG and RTL
hi for some reason when i use the png fix (with the htc file) the transparancy problem is fixed with no problem. but the background image is pasted to the left instead of to the right as the css tells it to ? every thing looks fine when the javascript is not there (except for the transparency of coarse) , and when i add the script - the transparency is fixed but the background (which is a 17px wide, repeating pattern on the y axis) is pasted to the left or the div instead of the right as it is without the script. any idea why ? thnaks Ido __ 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 testing with no mac
is there a way ( some kind of emulator) to check if the site is safari compatible if i have no mac ? Thanks Ido __ 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 testing with no mac
On Jan 31, 2007, at 8:57 AM, Ido Dekkers wrote: is there a way ( some kind of emulator) to check if the site is safari compatible if i have no mac ? One page that I found awhile back but haven't looked into it too much because I have a Mac is: http://www.browsrcamp.com/ It looks like what you are looking for to me. Thanks Ido __ 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/ -- Jason Pruim [EMAIL PROTECTED] Production Technology Manager MQC Specialist (2005 certified) 3251 132nd Ave Holland MI 49424 616.399.2355 www.raoset.com America will never be destroyed from the outside. If we falter and lose our freedoms, it will be because we destroyed ourselves. -Abraham Lincoln __ 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] IE6 and percentuals
Hi *, I'm definitely not a designer, but wanted to design my own blog to improve my knowledge and for fun. Now I'm facing a weird problem with IE6 and 7 - the site looks awful while on Safari and Firefox everything looks just fine. I think the problem is using % in widths, but I'm no expert. The site is here: http://www.tochunky.org and the stylesheet: http://tochunky.org/stylesheets/style.css Every suggestion or pointer is welcome. TIA, ngw __ 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 scrollbar bug
A colleague of mine found a little bug in IE7 that produces an unneeded horizontal scrollbar: http://alastairc.ac/testing/IE7_bugs/scrolling_on_position-right.html It seems to be tripped when you have: - a block of over 50% wide, relatively positioned. (Including the body.) - an absolutely positioned item in the right hand side of the block (i.e. from left: 50% onwards, or right:0). - You have a block element within that has a negative margin-top or margin-left of less than 0. Is there a good list of IE7 bugs to add this to? The IE feedback site is temporarily closed. Cheers, -Alastair __ 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 issue
Roger Roelofs wrote:
David,
On Jan 30, 2007, at 10:30 PM, ~davidLaakso wrote:
At screen resolution 800, mac/ie5.2 is doing a number on #hnav.
Mac/Opera9 gets it right.
What to do?
uri: http://www.chelseacreekstudio.com/
IE/Mac seems to be having difficulty fitting the #right elment, so at
certain widths it drops out of view. Changing the css to
#hnav #right { float: left; width: 29%; margin-left: -30%; }
--Roger Roelofs
Bingo! Thanks, Roger.
~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] Filter rules for Opera 9
Hello, Is there a way to filter some css rules for Opera 9? I've been searching but can't find anything. I'd be grateful if someone can help me. Thanks a lot. __ 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] Filter rules for Opera 9
Bernat Lleonart wrote:
Is there a way to filter some css rules for Opera 9?
I've been searching but can't find anything. I'd be grateful if
someone can help me.
@media screen and (min-width: 0px){
#foo { background-color: inherit; color: #fff; }
} /*be even nicer to opera */
Best,
~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] mac/ie5.2 issue
At 10:30 PM -0500 1/30/07, ~davidLaakso wrote: At screen resolution 800, mac/ie5.2 is doing a number on #hnav (the horizontal bar immediately below the #header). Mac/Opera9 gets it right. What to do? browsercam captures: http://www.browsercam.com/public.aspx?proj_id=319499 uri: http://www.chelseacreekstudio.com/ css directory: http://www.chelseacreekstudio.com/ca/site/styles/ Thanks. ~dL ~dL: What to do? Nothing. I'm a Mac guy and I don't even bother with IE5.2. However, my IE5.2 running on Mac OS-X 10.4.8 doesn't seem to have any problems with your site. If it does, I don't notice it. hth's tedd PS: It seems that every time you mess with perfection (your site), you improve it. I just don't understand. -- --- http://sperling.com http://ancientstones.com http://earthstones.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] mac testing with no mac
It's no guarantee, but if the site works in another Webkit-based browser (like, say, Konqueror running on Cygwin/X), then it probably works in Safari. On 1/31/07, Ido Dekkers [EMAIL PROTECTED] wrote: is there a way ( some kind of emulator) to check if the site is safari compatible if i have no mac ? Thanks Ido __ 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/ -- Mark J. Reed [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/
Re: [css-d] mac testing with no mac
is there a way ( some kind of emulator) to check if the site is safari compatible if i have no mac ? Thank you for asking instead of posting a site check please message! :-) One page that I found awhile back but haven't looked into it too much because I have a Mac is: http://www.browsrcamp.com/ It looks like what you are looking for to me. Another great service is www.browsercam.com which offers numerous browsers on Mac, Windows, Linux, and even BlackBerry and Windows Mobile. They have remote access and automated screen captures. You can save a project to test a specific page or pages on your choice of browsers and OSes, and then easily repeat the browser screen captures for that project any time. Even though I have all sorts of systems available for testing, I use BrowserCam to quickly test a page in numerous browsers. I can take one minute to start the capture, then come back a little while later and see if I broke anything. BrowserCam's pricing is oriented toward companies with multiple users, but you can also get an individual account for $25/year by joining (or starting) a group purchase at http://www.fundable.org/browsercam. If everyone who posted site check requests on this list would get BrowserCam subscriptions instead, it would really help keep the list on topic. -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/
Re: [css-d] mac testing with no mac
Try this: http://www.danvine.com/icapture/ It will capture pages in Safari. Peg ambientglow On 1/31/07, Ido Dekkers [EMAIL PROTECTED] wrote: is there a way ( some kind of emulator) to check if the site is safari compatible if i have no mac ? Thanks Ido __ 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] Images defined as %
Here's something I did a while back that relies heavily on image scaling: http://alisonmg.com/galleries/landscapes/show.php Chris -- Chris Ovenden http://thepeer.blogspot.com Imagine all the people / Sharing all the world __ 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 Appearance
I recently took over the maintenance of a website for a company. The site looks just as its supposed to on IE6, Firefox and Safari, but on IE7 it leaves a gap in the vertical navigation bar on the left of the page (this can be seen at http://www.mycomfortmyway.com/mysleep/). I'm not quite sure why the image doesn't continue it's y-repeat for the length of the page. Any ideas?Thanks! _ Get the new Windows Live Messenger! http://get.live.com/messenger/overview __ 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 Appearance
It looks perfect to me, no gap on IE7 -- 7.0.5730.11 Grady On 1/31/07, N. Graves [EMAIL PROTECTED] wrote: I recently took over the maintenance of a website for a company. The site looks just as its supposed to on IE6, Firefox and Safari, but on IE7 it leaves a gap in the vertical navigation bar on the left of the page (this can be seen at http://www.mycomfortmyway.com/mysleep/). I'm not quite sure why the image doesn't continue it's y-repeat for the length of the page. Any ideas?Thanks! _ Get the new Windows Live Messenger! http://get.live.com/messenger/overview __ 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/ -- Grady Kelly [EMAIL PROTECTED] http://simpledesign.org __ 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] menu display problem in IE6
hello all, and thanks in advance for any help you can offer me with this problem. I'm developing a site at http://www.etcdevelopmentcorp.org, and the menu in the left-hand column seems to work and display just fine in IE7, Firefox, and Safari, but not in IE6. As you'll see, I am using Dean Edwards' IE7 scripts for general IE6 behavior problems and a script that I got here for the menu: http://tutorials.alsacreations.com/deroulant/. I can't for the life of me figure out where the extra space below the #menu ul li a is coming from in IE6 or how to get rid of it. Thanks again for your help. __ 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] Images defined as %
Looks good... I've run into IE problems and they way it does't work properly. My layout is a little odd with basically a two column layout with one big picture on the left and two little pictures on the right stacked on top of each other with two separate images underneath those three forming a second row. Of course, FireFox works beautifully but IE blows it to hell. Either it scales the bottom stacked image to the height of the window or it hangs up on the corner of the first large image. I'm contemplating canning the whole idea in favor of a Flash movie. Is there a way to make the second row of two images clear the top three images without clearing the left and right menus? After looking at your code I see I may need to place all my images in a separate DIVs... might try that... Mike -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Chris Ovenden Here's something I did a while back that relies heavily on image scaling: http://alisonmg.com/galleries/landscapes/show.php Chris __ 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] ATTN: People with Nifty Corners experience
So I've decided to implement Nifty Corners into a project and it's working great. The only problem I keep running into is that sometimes when I apply the edges to an element, the corners aren't positioned in the correct place. For example: http://www.staticsolution.com/screenshot.gif You can see that the Nifty was applied nicely on the gray borders, the blue list items, and the green headers, but the white content area is having a problem with the bottom. What is odd is that it works sometimes and not others. In the above picture you see that it doesn't work, but in this picture is does: http://www.staticsolution.com/screenshot2.gif The HTML/CSS doesn't change at all between those two pages, as it's actually just one page providing dynamic content. Anyways, it seems like there is something I'm doing wrong but I'm not sure what it is. Has anyone run into a similar problem before? Any help would be appreciated, thanks a lot. Jonathan __ 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 transparent PNG and RTL
Ido Dekkers wrote: for some reason when i use the png fix (with the htc file) the transparancy problem is fixed with no problem. but the background image is pasted to the left instead of to the right as the css tells it to ? Ido, The hacked transparent PNGs in IE are not actual background images, so they don't respond to the background-position or background-repeat properties. In fact, they don't even tile like background images at all. If you must have a transparent PNG on the right side of a container, your only option is to nest a div, position this div to the right side, then place the PNG background on this div. Alternately, depending on your layout, you could just feed IE6 and lower GIFs and let them have a slightly less pretty experience. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.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/
Re: [css-d] ATTN: People with Nifty Corners experience
I agree with you, unfortunately those pages are internal and I can't really push the code up to a public server. Thats why I asked for people with experience with Nifty Corners because I was hoping that the problem I'm having is common enough that seeing the code isn't necessary. From: Jeroen [EMAIL PROTECTED] Sent: Wednesday, January 31, 2007 2:38 PM To: [EMAIL PROTECTED] Subject: Re: [css-d] ATTN: People with Nifty Corners experience On 1/31/07, Jonathan Carter wrote: So I've decided to implement Nifty Corners into a project and it's working great. The only problem I keep running into is that sometimes when I apply the edges to an element, the corners aren't positioned in the correct place. For example: http://www.staticsolution.com/screenshot.gif You can see that the Nifty was applied nicely on the gray borders, the blue list items, and the green headers, but the white content area is having a problem with the bottom. What is odd is that it works sometimes and not others. In the above picture you see that it doesn't work, but in this picture is does: http://www.staticsolution.com/screenshot2.gif Hi Jonathan, I think it would help if you would post a link to both pages. I think it's hard for people to help of they haven't got the code to look at. -- Jeroen __ 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 jitters - www.paen.net
We're seeing a bizarre behaviour from IE7 on the page http://www.paen.net The 2 or 3 boxes on the right ought to be over on the right with a reasonable gutter between them and the body text, and they display that way in IE6 and all well-brought-up browsers. However, in IE7 some people are seeing the initial display of the boxes further left. No matter where they are initially, they seem to jump about when the mouse passes over either the text link ISO9001:2000 in the body text or the ISO9001 link in the page footer, then jump back if you mouse over the feature box. Note: #blackbox_float is defined as 9em. I've already tried changing that to px: As 120px it exhibits the same behaviour. As 180px, the boxes overlay the body text. Don't ya love IE! -- Richard Grevers, New Plymouth, New Zealand Hat 1: Development Engineer, Webfarm Ltd. Hat 2: Dramatic Design www.dramatic.co.nz __ 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 testing with no mac
I recently heard of a new .NET (requires 2.0) project called Swift that is developing a browser with WebKit. I can't speak for the accuracy comparison between Safari and Swift, but assuming the consistency of WebKit, it should be pretty close. The browser itself is still in very early beta, so use at your own risk. http://try.swift.ws/index.php/Main_Page Jason -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Peggy Coats Sent: Wednesday, January 31, 2007 1:03 PM To: Ido Dekkers Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] mac testing with no mac Try this: http://www.danvine.com/icapture/ It will capture pages in Safari. Peg ambientglow On 1/31/07, Ido Dekkers [EMAIL PROTECTED] wrote: is there a way ( some kind of emulator) to check if the site is safari compatible if i have no mac ? Thanks Ido __ 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] Rounded corners
George Ornbo wrote: On 1/31/07, Jonathan Carter [EMAIL PROTECTED] wrote: Thanks a lot for the tip George. Unfortunately my scenario doesn't accomodate fixed width containers. I have a two column fluid layout and both columns need to have rounded edges, and child elements of both containers need to be rounded as well. I've tried numerous different methods for this and I always seem to come up short on each one. You should be able to find a suitable method here - an amazing collection on rounded corners! http://www.smileycat.com/miaow/archives/44.html Cheers George Hi Jonathan, As Paul Novitsky wrote already, it's difficult to give a general advice, 'cause without a practical example we cannot see which of the many possibilities can be applied. Do you have a link to a test page? Looking for (and trying out) the enormous amount of solutions on the web: indeed this doesn't make happy! Especially because the most examples don't show the hidden treasures: the conditions which has to be fulfilled to get the model working. Some does have a fixed width condition, but don't say that. Some suppose a solid background color, but don't say that. And so on, and so on! I can imagine you will be a bit tired of the collection of solutions testing all results (lots appear to be the same, after testing...). - That is just the experience as I had some years ago. At a certain moment, I decided not to search any longer, but to try to develop my own solution: a multi purpose model. * For the whole story, my basic conditions / goals, and the solution(s) I found: see Liquid Round Corners http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm * Examples you can find in the Liquid Corners Playgarden http://home.tiscali.nl/developerscorner/liquidcorners/liquid-corners-playgarden-index.htm * More examples, often triggered by css-d questions, you can find in the index of Francky's Developers Corner http://home.tiscali.nl/developerscorner/ If I'm guessing right, what you want is more or less illustrated in More Corner Examples, Example 4 http://home.tiscali.nl/developerscorner/liquidcorners/more-rounded-corners_step1.htm (I added a new step 4 to show the possibility of nested liquid corners) * Even the IE's (5.01 up to 7) can handle it; see browsershots http://browsershots.org/screenshots/baa7ce50f2dc7bd61bd1d05f8856a73d/ @smileycat-list: in the list is indicated that my Liquid Corners (called Tiscali, which is the name of my ISP ;-) ) need 4 images - that's wrong, you need only 1 small image if only corners are wanted, and another small image if also a home made border around is needed. @lists-of-rounded-corner-solutions: also in the css-d Wiki is a special Rounded Corner Page http://css-discuss.incutio.com/?page=RoundedCorners. Some time ago I started to evaluate these solutions. The work is not finished yet (long term between other occupations...), but I already made a kind of acid proof for the support (or not) of transparency. Screenshots of all tested solutions are added. * See Testing rounded corner web solutions http://home.tiscali.nl/developerscorner/liquidcorners/wiz/wiz-step1-more-practice.htm My conclusion: in the customized corners with only css and images there are only 3 solutions which are liquid and support transparency of the outside of the corners (Søren Madsen in ALA, Roger Johansson in 456bereastreet, and francky). Note: in the ALA article big area images are used for the corners (nevertheless the layout is breaking at large font sizes). In basic model, the Bereastreet solution and my solution is the same. - If I had seen this before (amidst of all others), I shouldn't have invented the Liquid Corners, but just extended the work! :-) Greetings and success, (and as said, if you have a testpage, we can see what we can do) francky __ 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] (no subject)
Hi CSSers, Anyone know of a way to make a read only input element blend perfectly in to the background in Safari? Renders properly in Firefox. See: Tour Date field above calendar at: https://www.mauimountaincruisers.com/bookings/ Aloha, -tim __ 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] (no subject) - styling readonly input
Timothy Martens wrote:
Hi CSSers,
Anyone know of a way to make a read only input element blend
perfectly in to the background in Safari? Renders properly in
Firefox. See: Tour Date field above calendar at:
https://www.mauimountaincruisers.com/bookings/
Aloha,
-tim
Alright Tim,
I had a look, I take it's the input for the total price down at the
bottom you're asking about?
Anyway if so, try this to reset the styles for that one input:
#total, #total:hover { color: #4a0400; border: 0; background: transparent; }
Should work for most browsers but I only tested it in FF2 on PC. I'll
check it in the rest of my browsers if you decide to implement it.
Rob O
__
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 and percentuals
[EMAIL PROTECTED] wrote: Hi *, I'm definitely not a designer, but wanted to design my own blog to improve my knowledge and for fun. Now I'm facing a weird problem with IE6 and 7 - the site looks awful while on Safari and Firefox everything looks just fine. I think the problem is using % in widths, but I'm no expert. The site is here: http://www.tochunky.org and the stylesheet: http://tochunky.org/stylesheets/style.css Every suggestion or pointer is welcome. Best thing to do is wait and see if someone else on the list has a fix for what you have. In the meantime, for fun (as you put it), you might try a simple site. Hold the horizontals, release the verticals, and allow the software to do the rest for you. Quick tested in ie 5 through 7, and compliant browsers. http://www.chelseacreekstudio.com/ca/cssd/3over2.html ngw 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/
[css-d] Unable to scroll down page in IE?
http://www.santinipackers.com/phazm/ Afer adding in faux columns, I can no longer scroll down my pages in IE. Anyone know a fix for this? Thanks, - Jon __ 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 problem
I have tested in FF and IE6, but I have a problem with the menu for
www.rgampadds.com in IE7, anyone have any suggestions?
Here is the code:
div id=menuContent
div id=menuContainer
div id=headerVerticalBottom
div id=menuVertical
div id=menuVerticalwrap
!-- Menu Begin --
!menuContent
!-- Menu End --
/div
div id=menuFoot /div
/div
div style=clear:both;/div
/div
div style=clear:both;/div
/div
div id=underMenu
br /br /
The address and phone number info goes here
/div
/div
The CSS:
(I thought it might be the commented backslash hack below to get
IE5-mac to work, so i took it out and tried it - but still no go)
#menuContent{
float:left;
width:160px;
clear:both;
display:block;
}
#menuContainer{
clear:both;
display:block;
}
#underMenu{
padding-left:30px;
clear:both;
}
div#menuContainer{
float:left;
width:160px;
background-image: url(../images/wcf_menuRepeat.jpg);
}
div#headerVerticalBottom{
position:relative;
float:right;
width: 160px;
background-image:url(../images/wcf_menuHead.jpg);
background-repeat:no-repeat;
padding-top:35px;
}
div#menuVertical{
position:relative;
height:24px;
}
#menuVerticalwrap {
float:right;
padding-right:12px;
width:120px;
font-size:12px;
line-height:normal;
}
#menuVerticalwrap ul {
margin:0;
padding:0;
list-style:none;
}
#menuVerticalwrap li {
float:right;
margin:0;
padding:0;
width:120px;
text-align:right;
background-image: url(../images/wcf_menuButton.gif);
background-repeat: repeat-x;
background-position: left top;
}
#menuVerticalwrap a {
display:block;
font-size: 11px;
font-weight: bold;
color: #FF;
text-decoration:none;
line-height:14px;
font-family: Tahoma, Verdana, Arial, sans-serif;
}
#menuVerticalwrap a:hover{
float:right;
display:block;
font-size: 11px;
font-weight: bold;
color: #00;
text-decoration:none;
/* padding-right:8px;*/
width:120px;
text-align:right;
/*background-color:#006699;*/
}
#menuVerticalwrap li {
float:left;
background-position: right top;
height:24px;
width:115px;
}
#menuVerticalwrap li {
margin:0;
padding:0;
}
#menuVerticalwrap a {
display:block;
background-position: left top;
}
#menuVerticalwrap a {
padding-bottom:2px;
padding-top:6px;
}
#menuVerticalwrap #current {
line-height:14px;
background-image: url(../images/wcf_menuButton.gif);
background-repeat: repeat-x;
background-position: left top;
}
#menuVerticalwrap #current a {
color: #00;
}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#menuVerticalwrap a {float:none;}
/* End IE5-Mac hack */
/**/
#menuFoot{
float:right;
width:160px;
height:38px;
background-image: url(../images/wcf_menuFoot.jpg);
background-repeat: no-repeat;
background-position: left top;
}
Thanks,
Parag
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
[css-d] ie7 zoom issue
hi all: this is making me pretty nuts, the page is at a draft stage. http://mainehumanities.org/programs/btr-conference-draft.html when you hit zoom in ie7, even one time, the inpage menu (right now with a gray background and orange border) the words don't stay within their boxes. they stay where they should in mozilla and ie6 and i really don't know what to do with ie7. also, was having a problem with text-size increase. its increasing okay now with mozilla and ie6 but not ie7 anyone ... ?! tia donna -- Donna Jones Portland, Maine 207 772 0266 www.westendwebs.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/
