http://designsadvice.com/forums/ Designs Advice Forum: CSS en Thu, 09 Sep 2010 09:23:30 +0000 http://designsadvice.com/forums/topic/image-over-flash-embedded-from-a-private-source#post-187 Thu, 22 Nov 2007 11:59:01 +0000 drew 187@http://designsadvice.com/forums/ <p>try adding wmode="opaque" or wmode="transparent" inside the embed and object tags of the flash. Also if you are using png files you will need to fix the bug in ie6 <a href="http://support.microsoft.com/kb/294714" rel="nofollow">http://support.microsoft.com/kb/294714</a> </p> http://designsadvice.com/forums/topic/image-over-flash-embedded-from-a-private-source#post-186 Tue, 20 Nov 2007 12:52:48 +0000 rockstar 186@http://designsadvice.com/forums/ <p>i have a flash file that i gained from aol... its supposed to allow users to instant message me from my page, but that is irrelevant<br /> aol did a very crappy job on the edges of the flash element and therefore it does not integrate very well into my page<br /> to fix this i created an image with a transparent center to overlay the flash element and therefore fade the element into my page...<br /> but i could not get the flash element to go behind the image with "z-index"<br /> does anyone know how i can fix this???<br /> keep in mind the flash code is not mine i am only given this...</p> <p><code>&lt;embed class=&quot;im&quot; src=&quot;http://o.aolcdn.com/aim/web-aim/wimzi.swf?appKey=ki1Kvg-IkbSQmjxx&#38;theme=pitchblack&quot; type=&quot;application/x-shockwave-flash&quot; width=&quot;190&quot; height=&quot;275&quot; &gt;&lt;/embed&gt;</code> </p> http://designsadvice.com/forums/topic/use-pixels-or-percent#post-179 Thu, 06 Sep 2007 00:27:59 +0000 twofivethreetwo 179@http://designsadvice.com/forums/ <p>Exactly, no matter how much trouble IE gives us its still the majority and a client doesn't pay for most of their users to have a broken site. I've converted a lot of my clients to FireFox in the past 2 years, but IE will always be there and have a good margin. When I look at my logs for different sites and client sites there are still people using IE5.5 and every now and then I see NN 6 or 7. </p> http://designsadvice.com/forums/topic/3-column-same-height-css-layout#post-178 Wed, 05 Sep 2007 20:31:29 +0000 drew 178@http://designsadvice.com/forums/ <p>it is because of the IE6 &#38; 7 'Peek-a-boo bug'</p> <p><a href="http://www.positioniseverything.net/explorer/peekaboo.html" rel="nofollow">http://www.positioniseverything.net/explorer/peekaboo.html</a> </p> http://designsadvice.com/forums/topic/use-pixels-or-percent#post-177 Wed, 05 Sep 2007 20:27:30 +0000 zar36 177@http://designsadvice.com/forums/ <p>Hi colourdreamer, I agree margins are outside the div and padding is inside, well thats the case with firefox and standards. IE tends to go silly when you set a width on a block element and padding. It doesnt really matter to me as there are <strong><a href="http://css-discuss.incutio.com/?page=BoxModelHack">hacks</a></strong>.</p> <p>Around 80% of web surfers are still using IE so we have to make our clients happy. </p> http://designsadvice.com/forums/topic/use-pixels-or-percent#post-176 Fri, 31 Aug 2007 12:11:11 +0000 colourdreamer 176@http://designsadvice.com/forums/ <p>Hmmm I think the box model explicit width should be set at the border. Makes most sense to me. Maybe I'm thinking of this differently. Padding goes inside the div and margin outside. Or that's how it should be. I get confused about which browser does what, but if IE does/did that, then I'd rather have voted for that. But I don't make the rules.</p> <p>Look at it this way, why should padding and margin do the same thing? In the case of bulleted lists, FF and IE use them differently and I take the approach to make them equal which outputs equal. (And play if there needs further adjustment.) I forget which prefers which by now. LOL. I'm so over-coded the last few weeks.</p> <p>Yes, so padding and margin shouldn't be redundant. If the "correct" way to render is making them both go on the outside of the div, what is the point?</p> <p>I'm a little cranky, because my issue with Firefox is that it doesn't split to a new line with hyphens. I wish it would for my personal account on my new site, but I'm designing for the general, so I let my user page go a little off in Firefox.</p> <p>I also just came off a project with which I was told to forget Firefox if it's not too bad and make it look good in IE. The site still doesn't center right in FF, but I don't know what to do and clients are happy. I couldn't find an answer online, it seemed to say that FF doesn't do the centering right. Seriously what I read seemed to say give up. Well maybe I should start a thread on here. I might have another question, too. You lot seem very knowledgeable.</p> <p>I'm only craftilly cunning and have a good aesthetic. I know a lot, too. If I can't find a solution I have to think one up. It's tiring!</p> <p>But I wish I could ANSWER more, I don't want to be the "non-professional".</p> <p>I'm self-taught but I blog and run sites for a living.</p> <p>Hope this site finds success, I find it better so far than the other coding sites. See they think more in code. This one's pink! LOL. </p> http://designsadvice.com/forums/topic/3-column-same-height-css-layout#post-175 Fri, 31 Aug 2007 11:51:45 +0000 colourdreamer 175@http://designsadvice.com/forums/ <p>I came here hoping to answer some questions, but now I want to ask, "what does height: 1% do to a container div?" </p> http://designsadvice.com/forums/topic/3-column-same-height-css-layout#post-157 Wed, 18 Jul 2007 22:13:29 +0000 fatboyjim 157@http://designsadvice.com/forums/ <p>Have you tried applying overflow: hidden and height: 1% to a container div. </p> http://designsadvice.com/forums/topic/3-column-same-height-css-layout#post-140 Tue, 26 Jun 2007 12:51:17 +0000 drew 140@http://designsadvice.com/forums/ <p>Another useful link</p> <p><a href="http://www.paulbellows.com/getsmart/balance_columns/" rel="nofollow">http://www.paulbellows.com/getsmart/balance_columns/</a> </p> http://designsadvice.com/forums/topic/use-pixels-or-percent#post-139 Fri, 22 Jun 2007 20:27:11 +0000 zar36 139@http://designsadvice.com/forums/ <p>I've just setup vmware with all the browsers I need for testing IE6, Opera etc. For mac I use browsershots.com. </p> http://designsadvice.com/forums/topic/use-pixels-or-percent#post-134 Tue, 19 Jun 2007 00:31:19 +0000 fatboyjim 134@http://designsadvice.com/forums/ <p>Same, Design for Firefox, fix for Ie7 then IE6. I have a quick look with opera, although if it works in FF you're pretty safe. Same goes for Safari/Mac. I'm having problems with Safari/Win but haven't had time to pley recently. </p> http://designsadvice.com/forums/topic/use-pixels-or-percent#post-133 Sun, 17 Jun 2007 22:12:32 +0000 zar36 133@http://designsadvice.com/forums/ <p>Ah okay, I always thought that IE had a problem with padding not margins.</p> <p>What browser do you do all your testing in? I usually work in firefox then check in IE when im satisfied with the layout. </p> http://designsadvice.com/forums/topic/3-column-same-height-css-layout#post-132 Sun, 17 Jun 2007 22:01:15 +0000 zar36 132@http://designsadvice.com/forums/ <p>That float tutorial was really helpful. I also read this <a href="http://alistapart.com/articles/fauxcolumns/." rel="nofollow">http://alistapart.com/articles/fauxcolumns/.</a> I guess what I was trying to achieve was something in the way of height="100%", but thats not the approach using css layout. I managed to get the look I wanted using background styles :) </p> http://designsadvice.com/forums/topic/3-column-same-height-css-layout#post-128 Fri, 15 Jun 2007 00:15:15 +0000 fatboyjim 128@http://designsadvice.com/forums/ <p>Hey there, Have you tried Floatutorial?</p> <p><a href="http://css.maxdesign.com.au/floatutorial/tutorial0916.htm" rel="nofollow">http://css.maxdesign.com.au/floatutorial/tutorial0916.htm</a> </p> http://designsadvice.com/forums/topic/use-pixels-or-percent#post-127 Fri, 15 Jun 2007 00:12:30 +0000 fatboyjim 127@http://designsadvice.com/forums/ <p>I find it easier to design without using margins. Saves a lot of headaches. Keep it simple. </p>