Re: [css-d] Pixel Terror II - Pixel Strikes Back

2008-11-17 Thread MEM
David Laakso Wrote:

In plain English, do not impose restrictions on the  software when it is not 
in the users interest to do so.
#footer {
height:12px;  :: delete ::
}

PS
Yet another bottom post brought to you and yours by gmail.



I hope this is not a bottom post. :s

It was the designer that have told me to put the height of the footer to 12px. 
But, what you telling me is that, it’s better to leave the browser to deal with 
it, and this effect can me arranged by the font-size, so, according to the 
font-size, the footer will adapt and that’s better cas it avoids errors?

 

Thanks once again,

Márcio

 













 

__
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] Really need help - white spaces on zoom in using IE and FF

2008-11-17 Thread MEM
On IE 7 and FF 3 I’m getting this weird behavior for my page (they are
different behaviors, if we ZOOM IN with IE or if we do with FF:

 

http://www.cantinho.org/test6.html

 

the correspondent CSS is the following:

http://www.cantinho.org/css/teste_V6.css

 

 

Notes about the layout:

This layout is not an ordinary 3 columns layout with head and footer. He has
to have the ability to change the border line differently on each column,
and the columns height should always be the same and follow the footer.
That’s why I’m glad with this layout, is CSS, no table, (but I know that
there is now something like table/css correct? But I suppose IE 7 and 6
doesn’t support it, right?), and no .js file, and no fake columns. So this
seems nice to me… anyway, if you have better suggestions… I will listen to
them.

The issue is that white space when we use the zoom functions on IE or FF.
(safari works great).

 

 

 

Thanks a lot, I really need help on this, I’ve google a lot already and I’ve
found nothing to help me out. :(

 

 

 

Kind Regards,

Márcio

 

 

__
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] Pixel Terror II - Pixel Strikes Back

2008-11-17 Thread David Laakso
MEM wrote:


 It was the designer that have told me to put the height of the footer to 
 12px. But, what you telling me is that, it’s better to leave the browser to 
 deal with it...
   



Designers are a dime a dozen. Designers who understand the Web are few 
and far between.







-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
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] Really need help - white spaces on zoom in using IE and FF

2008-11-17 Thread Bill Brown
MEM wrote:
 http://www.cantinho.org/test6.html
 http://www.cantinho.org/css/teste_V6.css
 This layout is not an ordinary 3 columns layout with head and footer. He has
 to have the ability to change the border line differently on each column,
 and the columns height should always be the same and follow the footer.
 That's why I'm glad with this layout, is CSS, no table, (but I know that
 The issue is that white space when we use the zoom functions on IE or FF.

Hi Márcio,

For kicks, I coded the URL you submitted into TheHolierGrail framework. 
TheHolierGrail has support for all the border and background changing 
(including full-height columns) that you're seeking and has been tested 
in quite a few browser/os combinations.

You can find a version with all of the code for TheHolierGrail here:
   Link: http://theholiergrail.com/cssd/cantinho-maximal.html
   Size: 3 KB (30 KB uncompressed)

...and this version contains only the code you need for your project:
   Link: http://theholiergrail.com/cssd/cantinho-minimal.html
   Size: 2 KB (11 KB uncompressed)

It shouldn't break when zooming in any browser, but when stressed in IE 
(zooming to large text size or unbroken lengthy content like long urls) 
it will save itself by cutting off some content.

There's a thousand arguments for and against the use of frameworks (even 
mine g) and I don't want to start a debate, but I thought I'd offer it 
up as a solution for you. I hope it helps.
--Bill

-- 
!--
  ! Bill Brown - [EMAIL PROTECTED] - 484-809-8077
  ! WebDevelopedia.com, TheHolierGrail, MacNimble.com
  ! 24 Countryside Drive, Johnston, RI 02919
--
__
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] Content getting pushed out to the side

2008-11-17 Thread Daniel Hammond
URL: www.metroatlantaproject.org
CSS: www.metroatlantaproject.org/css/main.css

FF3, Opera, IE7, and IE6 display the site correctly. When I open the site in
Safari and Google Chrome, the body content is pushed out to the right of the
containing structure. What's going on?

(all browsers tested are on Windows)

Thanks,

Daniel Hammond
Objective Designs
770-842-8817
[EMAIL PROTECTED]
www.objectivedesigns.com

__
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] IE6 and IE7 Correct, everyone else wrong with negative margins

2008-11-17 Thread Mark Wheeler
Hi all,

Ok, I have a problem where IE6 and IE7 are doing what I want, but the  
rest of the gang (FF, Safari and Chrome) are not doing what I want.  
Basically, I'm using negative top and bottom margins to move the top  
and bottom div in on the inner text. Sorry if I'm not explaining  
this well, but the test page will explain it much better. What's  
happing in IE6 and IE7 is want I want. But my natural way of thinking  
is if it works in IE6 and IE7 but not in the others, then I'm doing  
it wrong. Here's the link:

http://dev.tonedeafdesign.com/test/test27.html

There are two balloons on the page. The first one is without the  
negative margins, and you can see why I want to move the text  
margins, and the second one is my solution that only works in IE6  
and IE7.

Check it in IE6 and IE7 to see what I want, then in FF, Safari or  
Chrome to see the problem. The CSS is in the head.

Any help is greatly appreciated.

Thanks,

Mark
__
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] IE6 and IE7 Correct, everyone else wrong with negative margins

2008-11-17 Thread Bill Brown
Mark Wheeler wrote:
 http://dev.tonedeafdesign.com/test/test27.html
 Any help is greatly appreciated.
Hi Mark,

You are experiencing collapsing margins, a semi-intended, somewhat 
troublesome component of CSS design in compliant browsers.

Adding a small amount of padding or bordering will generally fix this. 
Try this rule in your style sheet:

.balloon_middle {
   width: 217px;
   background: url(images/photo_balloon_middle_bg_slammed.png) repeat-y;
   padding-top: 1px; /* ADD */
   padding-bottom: 1px; /* ADD */
   }

Hope it helps.
Bill

-- 
!--
  ! Bill Brown - [EMAIL PROTECTED] - 484-809-8077
  ! WebDevelopedia.com, TheHolierGrail, MacNimble.com
  ! 24 Countryside Drive, Johnston, RI 02919
--
__
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] IE6 and IE7 Correct, everyone else wrong with negative margins

2008-11-17 Thread Mark Wheeler
 Hi Mark,

 Your HTML has some problems (doesn't validate).  Your best bet would
 probably be to fix those problems first and then try again.

 HTH


 Peter


Hi Peter,

I'm embarrassed. I usually validate all my html. It validates now,  
but my problem still exists. Again, any help is appreciated.

Thanks,

Mark
__
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] IE6 and IE7 Correct, everyone else wrong with negative margins

2008-11-17 Thread Mark Wheeler

 Hi Mark,

 You are experiencing collapsing margins, a semi-intended, somewhat  
 troublesome component of CSS design in compliant browsers.

 Adding a small amount of padding or bordering will generally fix  
 this. Try this rule in your style sheet:

 .balloon_middle {
   width: 217px;
   background: url(images/photo_balloon_middle_bg_slammed.png)  
 repeat-y;
   padding-top: 1px; /* ADD */
   padding-bottom: 1px; /* ADD */
   }

 Hope it helps.
 Bill


Hi Bill,

Yep! That did the trick. I've run into this before, but it was a  
while back. What is it about adding the padding that does the trick?

Mark
__
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] hover linking sidebar backgrounds

2008-11-17 Thread Kathy Davie
I am still a newbie at this.  I've tested this page in Safari, Opera,  
and Firefox (no IEs for Macs so I'll have to figure a way to test on  
the IE---later) and I haven't set up most of the links.  I have put it  
through the validation and the HTML validator tells me that various  
ul and li tags are wrong but I can't figure out why.

I'm having a problem with those of my links which I have activated and  
the sidebar backgrounds.

The hover color for my links is supposed to be pink, not the royal  
blue that shows up. I had set my code up with as a, hover, and  
then visited then I switched it around to a, visited, and  
hover.  It still shows up blue.  What am I doing wrong?

CSS test page

I have two sidebars: left and right.  I added a repeat-y to both of  
their DIV tags.  Now, they end right under the last bit of text.  I  
want them to repeat as long as the central content repeats.  Is there  
a way to make this happen or do I need to create size-specific  
backgrounds for each page?

Kathy
__
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] Really need help - white spaces on zoom in using IE and FF

2008-11-17 Thread David Laakso
talofo talofo wrote:

   
 MEM wrote:

 
 http://www.cantinho.org/test6.html

   
 If I use the IE zoom fuction, I'm still having problems. :(

   


The IE/7.0 zoom feature is a *page* zoom. This is a fundamental 
difference. Opera, Firefox, and Seamonkey zoom functions more as a 
*text* zoom. Depending on the structure of the base layout, and the 
content within it, IE/7's page zoom will do funny things to some pages 
when it zooms the page. Your page is among them. Comment out your 
horizontal menu, for example, zoom your page in IE/7, and you'll get the 
anticipated behavior you expect and anticipate-- no huge vertical gap 
between the content and the menu.

-- 

A thin red line and a salmon-color ampersand forthcoming.
http://chelseacreekstudio.com/

__
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] Really need help - white spaces on zoom in using IE and FF

2008-11-17 Thread talofo talofo
2008/11/18 David Laakso [EMAIL PROTECTED]

 talofo talofo wrote:




 MEM wrote:



 http://www.cantinho.org/test6.html



 If I use the IE zoom fuction, I'm still having problems. :(





 The IE/7.0 zoom feature is a *page* zoom. This is a fundamental difference.
 Opera, Firefox, and Seamonkey zoom functions more as a *text* zoom.
 Depending on the structure of the base layout, and the content within it,
 IE/7's page zoom will do funny things to some pages when it zooms the page.
 Your page is among them. Comment out your horizontal menu, for example, zoom
 your page in IE/7, and you'll get the anticipated behavior you expect and
 anticipate-- no huge vertical gap between the content and the menu.

 --

 A thin red line and a salmon-color ampersand forthcoming.
 http://chelseacreekstudio.com/


Thanks a lot. I will give it a try once I'm back on my computer.
In firefox I have the same issue but, in this case, it makes horizontal
white space between the middle columm and the right colummm. Could this also
be a comment issue?

Regards,
Márcio
__
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] Really need help - white spaces on zoom in using IE and FF

2008-11-17 Thread David Laakso
talofo talofo wrote:
 2008/11/18 David Laakso [EMAIL PROTECTED]

   
 talofo talofo wrote:

 

   
 MEM wrote:



 
 http://www.cantinho.org/test6.html



   
 If I use the IE zoom fuction, I'm still having problems. :(
 


   
 Thanks a lot. I will give it a try once I'm back on my computer.
 In firefox I have the same issue but, in this case, it makes horizontal
 white space between the middle columm and the right colummm. Could this also
 be a comment issue?

 Regards,
 Márcio

   


I do not see the issue you refer to when scaling the fonts in Mac OS X 
10.4.11 Firefox/3.0.4, and  I do not know what you mean by Could this 
also be a comment issue.

-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
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] Really need help - white spaces on zoom in using IE and FF

2008-11-17 Thread talofo talofo
2008/11/18 David Laakso [EMAIL PROTECTED]

 talofo talofo wrote:

 2008/11/18 David Laakso [EMAIL PROTECTED]



 talofo talofo wrote:






 MEM wrote:





 http://www.cantinho.org/test6.html





 If I use the IE zoom fuction, I'm still having problems. :(






 Thanks a lot. I will give it a try once I'm back on my computer.
 In firefox I have the same issue but, in this case, it makes horizontal
 white space between the middle columm and the right colummm. Could this
 also
 be a comment issue?

 Regards,
 Márcio





 I do not see the issue you refer to when scaling the fonts in Mac OS X
 10.4.11 Firefox/3.0.4, and  I do not know what you mean by Could this also
 be a comment issue.


 --

 A thin red line and a salmon-color ampersand forthcoming.

 http://chelseacreekstudio.com/




Using XP and FF 3.0.3 i'm getting the horizontal white space. Tested on two
computers.

You have told me that, if I remove the comment out in the navigation bar,
the vertical difference will become shorter right? In this sense, I thought
this was a comment issue... am I wrong?

Regards,
Márcio
__
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] Content getting pushed out to the side

2008-11-17 Thread Philippe Wittenbergh

On Nov 18, 2008, at 5:14 AM, Daniel Hammond wrote:

 URL: www.metroatlantaproject.org
 CSS: www.metroatlantaproject.org/css/main.css

 FF3, Opera, IE7, and IE6 display the site correctly. When I open the  
 site in
 Safari and Google Chrome, the body content is pushed out to the  
 right of the
 containing structure. What's going on?

The navigation consists of floated elements.
WebKit isn't clearing that navigation block, but puts the whole  
'#content' to the right of it.

#content {clear:both} to fix.

Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





__
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] IE6 and IE7 Correct, everyone else wrong with negative margins

2008-11-17 Thread Bill Brown
Mark Wheeler wrote:
 Yep! That did the trick. I've run into this before, but it was a  
 while back. What is it about adding the padding that does the trick?
 Mark

Hi Mark.

Glad it helped.

Basically, I think when you have an element with no border or padding, 
the margin looks like this:

m m m m -- top margin
sometext
m m m m -- bottom margin

...which means that when it's followed by another element, it looks like 
this:

m m m m  -- top margin
sometext
m m m m  -- bottom margin
  m m m m -- top margin
sometext
  m m m m -- bottom margin

...and the margins collapse like this:

m m m m  -- top margin
sometext
 -- top and bottom margin
sometext
  m m m m -- bottom margin

...like a kind of zippering effect. When you add a border or padding, it 
changes the nature of the imaginary box holding the content inside an 
element so that the margin now looks like this:

m m m m
sometext
 -- some bottom padding will create the solid margin
 -- allowing this margin to exist on its own...
m m m m  -- ...separated from this margin here
sometext
m m m m
 -- the border on this element will do it too

sometext
m m m m

I know the ASCII might not be the best way to demonstrate this, but 
hopefully, it gives you at least some idea of what's going on there with 
the box model.

Anyway, I'm glad you were able to get it working.
--Bill


-- 
!--
  ! Bill Brown - [EMAIL PROTECTED] - 484-809-8077
  ! WebDevelopedia.com, TheHolierGrail, MacNimble.com
  ! 24 Countryside Drive, Johnston, RI 02919
--
__
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] Can you start a repeating background away from the edge of it's container?

2008-11-17 Thread Rahul Gonsalves
On 18-Nov-08, at 11:56 AM, Seona Bellamy wrote:

 What I want is, for example, an image that repeats along the y-axis  
 to start 50px from the top of its container and repeat all the way  
 down from that
 point on.

#foo { background: #000 url(background.jpg) repeat-y fixed 0 50px;}

Best,
  - Rahul.

Ref: http://www.w3.org/TR/CSS21/colors.html#propdef-background-position
__
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] Can you start a repeating background away from the edge of it's container?

2008-11-17 Thread Philippe Wittenbergh

On Nov 18, 2008, at 4:19 PM, Rahul Gonsalves wrote:

 What I want is, for example, an image that repeats along the y-axis
 to start 50px from the top of its container and repeat all the way
 down from that
 point on.

 #foo { background: #000 url(background.jpg) repeat-y fixed 0 50px;}

Er, no, that won't do.

In short, with CSS 2.1 you can't do what you want, if I understand  
correctly: position a background-image 50px from the top of the  
container, and then repeat down from there.
When you think about: 'repeat-y' means repeat the image all over the  
height of the container.

Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





__
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] Really need help - white spaces on zoom in using IE and FF

2008-11-17 Thread talofo talofo
Thanks a lot. I will give it a try to learn more about how this works,
knowing that I will never controle it. I'm use to it. I've read Plato :-)


Thanks once again,
Márcio






2008/11/18 David Laakso [EMAIL PROTECTED]

 talofo talofo wrote:






 http://www.cantinho.org/test6.html









 Using XP and FF 3.0.3 i'm getting the horizontal white space. Tested on
 two
 computers.

 You have told me that, if I remove the comment out in the navigation bar,
 the vertical difference will become shorter right? In this sense, I
 thought
 this was a comment issue... am I wrong?

 Regards,
 Márcio





 There is no gap (white space) on the entire right side of the center panel
 with font-scaling in Mac OS  10.4.11 in Firefox/3.0.4.
 There is a gap (white space) on the entire right side of the center panel
 with font-scaling in  XP Firefox/3.0.3.

 The below deals only with the gap you are getting with IE/7 and page zoom,
 and nothing at all to do with what yo are seeing in XP Firefox/3.0.3.

 I am suggesting that you use html comments to comment out the menu so
 that it is not seen by the browser, like so:
 !--
 div class=linksprincipais id=navigationullia href=#
 title=HomeHome/a/lilia href=# title=CSS
 LibraryCSS/a/lilia href=# title=NewNew/a/lili
 id=currenta href=# title=RevisedRevised/a/lilia href=#
 title=ToolsTools/a/li  lia href=# title=DHTML
 ForumsForums/a/li/ul/div
 --
 The large gap /may/ go away when you view the page with page zoom in IE/7.0
 if the menu is not seen by the browser. Note that I have not tried this, and
 that this is an untested assumption.

 You and your would be Web designer can attempt to control the Web from now
 until forever and then some. In the end she'll win. Hands down.




 --

 A thin red line and a salmon-color ampersand forthcoming.

 http://chelseacreekstudio.com/


__
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] Really need help - white spaces on zoom in using IE and FF

2008-11-17 Thread talofo talofo
2008/11/18 Bill Brown [EMAIL PROTECTED]

 talofo talofo wrote:

  You can find a version with all of the code for TheHolierGrail here:
  Link: http://theholiergrail.com/cssd/cantinho-maximal.html
  Size: 3 KB (30 KB uncompressed)
 ...and this version contains only the code you need for your project:
  Link: http://theholiergrail.com/cssd/cantinho-minimal.html
  Size: 2 KB (11 KB uncompressed)

  Thanks a lot Bill. Unfortunaly, that has done the trick with FF but not
 on
 IE.
 If I use the IE zoom fuction, I'm still having problems. :(


 No worries. I play around with a lot of urls people submit to this list,
 but don't generally comment (or at least, don't /always/ comment).

 Anyway, IE7 requires elements to be relative positioned to maintain their
 well, relative positions during page zooming. I've added the fix at the top
 of the page which should now allow this to work properly. Bear in mind that
 this type of fix brings its own set of baggage, especially if you intend to
 work with fly-out menus of any kind.

 Same links as above, if you care to have another look.

 Best of luck!

 Bill


 --
 !--
  ! Bill Brown - [EMAIL PROTECTED] - 484-809-8077
  ! WebDevelopedia.com, TheHolierGrail, MacNimble.com
  ! 24 Countryside Drive, Johnston, RI 02919
 --




Thanks a lot. It works! I will study a little the code and see what are the
best options (leaving the zoom or put the conditional) knowing that none of
them is ideal.
I will post back the results in some days.

Regards,
Márcio.


ps- David: sorry for the last reply, I forgot to bottom post. :s
__
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] Can you start a repeating background away from the edge of it's container?

2008-11-17 Thread J.C. Berry
OK, I made a reply to the author here with exactly the same method as Rahul,
but will stick my correction as a lame CSS 2.1 hack here. It requires
extra markup, but works until better alternatives are available (3).
div id=foodiv id=bar/div/div
Apply repeat-y to #foo and position a corner/top (or bottom/corner)
background-image for #bar (which has no explicit content and should
have zeroed-out padding and margins).

It's worked for me a couple of times.
On Mon, Nov 17, 2008 at 11:36 PM, Philippe Wittenbergh [EMAIL PROTECTED]wrote:


 On Nov 18, 2008, at 4:19 PM, Rahul Gonsalves wrote:

  What I want is, for example, an image that repeats along the y-axis
  to start 50px from the top of its container and repeat all the way
  down from that
  point on.
 
  #foo { background: #000 url(background.jpg) repeat-y fixed 0 50px;}

 Er, no, that won't do.

 In short, with CSS 2.1 you can't do what you want, if I understand
 correctly: position a background-image 50px from the top of the
 container, and then repeat down from there.
 When you think about: 'repeat-y' means repeat the image all over the
 height of the container.

 Philippe
 ---
 Philippe Wittenbergh
 http://l-c-n.com/





 __
 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/




-- 
Jonathan Berry, M.A.
IT Consultant
619.306.1712(m)
[EMAIL PROTECTED]
I think the real reason the Extropy Institute closed is because Ayn Rand
rose from her cryo-sleep -digibrill

( @ o )
/ | | | | \ Chumby.com



This E-mail is covered by the Electronic Communications Privacy Act, 18
U.S.C. ?? 2510-2521 and is legally privileged. This information is
confidential information and is intended only for the use of the individual
or entity named above. If the reader of this message is not the intended
recipient, you are hereby notified that any dissemination, distribution or
copying of this communication is strictly prohibited.

__
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/