Re: [css-d] Container Div

Soon we'll be using flex box which, in my opinion, is the only non-hackish way of doing it. On Tue, Oct 1, 2013 at 2:00 PM, Tom Livingston wrote: > On Tue, Oct 1, 2013 at 1:56 PM, MiB wrote: > > > > 1 oct 2013 19.42 Tom Livingston: > > > >> This is a viable solution under the right circumstanc

Re: [css-d] Container Div

On Tue, Oct 1, 2013 at 1:56 PM, MiB wrote: > > 1 oct 2013 19.42 Tom Livingston: > >> This is a viable solution under the right circumstances. > And just what did I just say? > > The solutions I linked to are worse, are they? I don't believe I even eluded to any such thing. I was reiterating you

Re: [css-d] Container Div

1 oct 2013 19.42 Tom Livingston: > This is a viable solution under the right circumstances. And just what did I just say? The solutions I linked to are worse, are they? __ css-discuss [css-d@lists.css-discuss.org] http://www.cs

Re: [css-d] Container Div

I agree, but to this day I've never had a use case for this, other than playing around :). I updated the pen so that it does accept height: auto if display is table, which resolves it. In Chrome on windows it works; before end of day I wanted to test it on other browsers though On Tue, Oct 1, 2

Re: [css-d] Container Div

On Tue, Oct 1, 2013 at 1:38 PM, MiB wrote: (snip) > This is still only of value when the height is known beforehand so is of > limited value. What you normally want is rules that always center content > vertically regardless of the actual height that needs to vary with content. > __

Re: [css-d] Container Div

1 okt 2013 19.33 Chris Rockwell: > I see, I did type "margin: 0 auto" in the email. David pointed this out, but > when I checked I **only** checked the pen, I didn't go back in the email to > double check. It should be: Yes, thanks this helped. I guess I missed that part as I always have 0

Re: [css-d] Container Div

Did you try David Hucklesby's solution of changing the margin to margin: auto; instead of margin: 0 auto; ? On Tue, Oct 1, 2013 at 1:29 PM, MiB wrote: > > 1 okt 2013 15.10 Chris Rockwell: > >> If absolute positioning is an option, a simple, clean way is: >> >> .centeredElement { >> position: ab

Re: [css-d] Container Div

I see, I did type "margin: 0 auto" in the email. David pointed this out, but when I checked I **only** checked the pen, I didn't go back in the email to double check. It should be: .centeredElement { position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; height: 30

Re: [css-d] Container Div

1 okt 2013 15.10 Chris Rockwell: > If absolute positioning is an option, a simple, clean way is: > > .centeredElement { > position: absolute; > margin: 0 auto; > left: 0; > right: 0; > top: 0; > bottom: 0; > height: 300px; > width: 300px; > } Ok, so now I tried this with only t

Re: [css-d] Container Div

On Tue, Oct 1, 2013 at 5:25 AM, Karl DeSaulniers wrote: > Can anyone help me? I am looking to create a DIV that is centered > horizontally and vertically in the window and inside this div I have images > and text and the like. I want the images and the text to stay inside this > div. How can I

Re: [css-d] Container Div

On 10/1/13 7:22 AM, Chris Rockwell wrote: What version? It's fine in 29.0.1547.76 m and 32.0.1657.2 canary Aura On Tue, Oct 1, 2013 at 10:18 AM, MiB wrote: 1 okt 2013 kl. 16.16 skrev Chris Rockwell: What browser are you viewing in? It works for me in ff,chrome,ie10 It fails in Chrome.

Re: [css-d] Container Div

1 okt 2013 kl. 16.22 skrev Chris Rockwell: > What version? It's fine in 29.0.1547.76 m and 32.0.1657.2 canary Aura Chrome 29.0.1547.65 on Mac. Height isn't respected. Also, what happens if height is an unknown and the box needs to accommodate different content?

Re: [css-d] Container Div

What version? It's fine in 29.0.1547.76 m and 32.0.1657.2 canary Aura On Tue, Oct 1, 2013 at 10:18 AM, MiB wrote: > > 1 okt 2013 kl. 16.16 skrev Chris Rockwell: > > > What browser are you viewing in? It works for me in ff,chrome,ie10 > It fails in Chrome. >

Re: [css-d] Container Div

1 okt 2013 kl. 16.16 skrev Chris Rockwell: > What browser are you viewing in? It works for me in ff,chrome,ie10 It fails in Chrome. __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d L

Re: [css-d] Container Div

What browser are you viewing in? It works for me in ff,chrome,ie10 On Tue, Oct 1, 2013 at 10:14 AM, MiB wrote: > > 1 okt 2013 15.10 Chris Rockwell: > > > If absolute positioning is an option, a simple, clean way is: > > > > .centeredElement { > > position: absolute; > > margin: 0 auto; > >

Re: [css-d] Container Div

1 okt 2013 15.10 Chris Rockwell: > If absolute positioning is an option, a simple, clean way is: > > .centeredElement { > position: absolute; > margin: 0 auto; > left: 0; > right: 0; > top: 0; > bottom: 0; > height: 300px; > width: 300px; > } > > http://codepen.io/chrisrockwell/

Re: [css-d] Container Div

Can anyone cite the publisher of the position:absolute method? I know that it was recently published, but I can't find it in any of my bookmarks or via google. On Tue, Oct 1, 2013 at 9:10 AM, Chris Rockwell wrote: > If absolute positioning is an option, a simple, clean way is: > > .centeredElem

Re: [css-d] Container Div

If absolute positioning is an option, a simple, clean way is: .centeredElement { position: absolute; margin: 0 auto; left: 0; right: 0; top: 0; bottom: 0; height: 300px; width: 300px; } http://codepen.io/chrisrockwell/pen/Ffjul On Tue, Oct 1, 2013 at 8:39 AM, MiB wrote: > > 1

Re: [css-d] Container Div

1 okt 2013 13.24 Karl DeSaulniers: > Last question for now. In your resizing box example, > how would you get the text to scale with box, as well as, > say an image and another div with an image in it? > > Is there a css way to do this besides zoom like a scale or transformMatrix or > is zoom

Re: [css-d] Container Div

1 okt 2013 kl. 12.29 skrev Karl DeSaulniers: > What is using a # before a property called? Like this line in your code. > What are you doing here? Sorry for any elementary questions, It's fallback css for browsers that don't acknowledge display:table. There are many levels to understand with

Re: [css-d] Container Div

1 oct 2013 12.09 Karl DeSaulniers: > Great example! Thank you. > I'm a little dizzy now though. :) > > I have usually done my centering with top: 50% left: 50% and negative margins > on one div. > Is this not a standard way of accomplishing this? I noticed you used 3 divs > for centering. > Is

Re: [css-d] Container Div

What is using a # before a property called? Like this line in your code. What are you doing here? Sorry for any elementary questions, I'm more a javascript coder trying to wrap my head around this css stuff and all its rules, pseudos and tricks. .center2 { #left: 50%; } TIA, Best, Karl DeSau

Re: [css-d] Container Div

Great example! Thank you. I'm a little dizzy now though. :) I have usually done my centering with top: 50% left: 50% and negative margins on one div. Is this not a standard way of accomplishing this? I noticed you used 3 divs for centering. Is this because of the animation? Best, Karl DeSaulni

Re: [css-d] Container Div

1 okt 2013 11.25 Karl DeSaulniers: > Can anyone help me? I am looking to create a DIV that is centered > horizontally and vertically in the window and inside this div I have images > and text and the like. I want the images and the text to stay inside this > div. How can I go about this? Vie

[css-d] Container Div

Can anyone help me? I am looking to create a DIV that is centered horizontally and vertically in the window and inside this div I have images and text and the like. I want the images and the text to stay inside this div. How can I go about this? Karl DeSaulniers Design Drumm http://designdrumm

[css-d] container div height problems ---> first post

Hi there, I am building my first css site at http://www.learnerdesign.com/acufamily/test1.html and am having problems with the div heights. When the font size increases, the #Main-content flows out of it's containerdiv. I want to set up the page so that the #container height expands automati

Re: [css-d] container div doesn't grow to hold images

Ingo Chao wrote: >[...] >And Opera8 and 9 align these images horizontally. Is this correct? Maybe >the align=left should be deleted. > >Anyway, the reason for joining this thread is: > >Congratulations, Ivar! Best wishes! > >Ingo > > Hi Ivar, Deleting the align="left" in the html helps. But it

Re: [css-d] container div doesn't grow to hold images

Ivar van Duuren wrote: > Hi there, > > I have a problem with a page of a personal page. > The url is this: http://www.gritter.org/trouwen/pics.html > > As you'll see, the pictures are not contained by their parent div. > To me it looks like they float but in the css they're not defined as > float

Re: [css-d] container div doesn't grow to hold images

Do this: Add overflow: hidden and margin-left: 0 to your #right div. -- Yehuda Katz On 7/16/06, Ann Adamcik <[EMAIL PROTECTED]> wrote: > > - Original Message > From: Ivar van Duuren <[EMAIL PROTECTED]> > > I have a problem with a page of a personal page. > The url is this: http://www.gr

Re: [css-d] container div doesn't grow to hold images

- Original Message From: Ivar van Duuren <[EMAIL PROTECTED]> I have a problem with a page of a personal page. The url is this: http://www.gritter.org/trouwen/pics.html As you'll see, the pictures are not contained by their parent div. To me it looks like they float but in the css they're

[css-d] container div doesn't grow to hold images

Hi there, I have a problem with a page of a personal page. The url is this: http://www.gritter.org/trouwen/pics.html As you'll see, the pictures are not contained by their parent div. To me it looks like they float but in the css they're not defined as floating... Could anyone tell us what the p

Re: [css-d] Container Div Element Drop Shadow Effect

Yes, CSS was used, here is the rule that controls it: div#wrapper { position: relative; margin-right: auto; margin-left: auto; text-align: left; width: 754px; padding: 0 8px; background-image: url("../images/shadowBg.png"); ba

Re: [css-d] Container Div Element Drop Shadow Effect

TMH Design wrote: > Can (was) CSS used to give this page's containing element the drop shadow > appearance? http://www.clubcorp.com/clubs.aspx > The example page uses images for the drop shadow(disable images in your browser). A drop shadow can be done with CSS. This is /one/ method:

Re: [css-d] Container Div Element Drop Shadow Effect

TMH Design wrote: > Can (was) CSS used to give this page's containing element the > drop shadow appearance? > > http://www.clubcorp.com/clubs.aspx Left and right shadow are one image: http://www.clubcorp.com/images/shadowBg.png It's set through the home.css stylesheet. -- Els http://locusmeus.c

[css-d] Container Div Element Drop Shadow Effect

Can (was) CSS used to give this page's containing element the drop shadow appearance? http://www.clubcorp.com/clubs.aspx Thanks __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 t

RE: [css-d] container div problem

Thank you very much. That does the trick nicely, and using a top padding of .01em does so without messing up the next content item that needs to drop in and be flush top left. (The paragraphs are just place holders for testing at the moment.) Jeniffer C. Johnson OffLead Productions http://www.off

Re: [css-d] container div problem

Jeniffer C. Johnson wrote: http://kellyhide.offlead.com/index2.html All margins and paddings are set to 0, but still I'm getting about a 10px gap at the top of the page in Mozilla (page background visible). IE is showing it correctly, flush to the top. It's default margins on the paragraph tha

[css-d] container div problem

I've stripped everything down to basics for testing, and can't get the container div on this page to be flush at the top of the page in Mozilla. http://kellyhide.offlead.com/index2.html All margins and paddings are set to 0, but still I'm getting about a 10px gap at the top of the page in Mozill