| Home | Forums | Reviews | Articles | Register |
 |
| Thread Tools | Rate Thread |
|
Guest
Posts: n/a
|
|
|
|
||
|
|
| |
|
Guest
Posts: n/a
|
|
|
|
|
||
|
Guest
Posts: n/a
|
|
|
|
|
||
|
Guest
Posts: n/a
|
|
|
|
|
||
|
Guest
Posts: n/a
|
|
|
|
|
||
|
Guest
Posts: n/a
|
Pah - throw it out. Here's all you need -
<div style="width: 200px; height: 30px; border:2px solid #000000; background-color: #CCF; margin:0 auto;">My text is here.</div> -- Murray ============ "Don Dean" <(E-Mail Removed)> wrote in message news  F4FCA65-82CB-41F0-BF9E-(E-Mail Removed)...> Hi Murray, > You were right, I tried the align="center" inside the DIV tag, as Kevin > suggested, but it didn't center the DIV element, although it did cause the > center alignment of the contents of the DIV element. This is not what I > was > looking for, I wanted to center the DIV element and not the contents. > > I tried several different things and here's what worked: > > <center><div style="position: relative; width: 200px; height: 30px; > border: > 2px solid #000000; background-color: #CCCCFF">My text is > here.</div></center> > > Thanks for the additional info., > -- > Don > ********* > > > "Murray" wrote: > >> Just to expand a tiny bit on Kevin's suggestion, a div is a block tag. >> This >> means that it a) starts on a new line, b) expands to fill its container, >> c) >> forces adjacent content to a new line below, and d) is rendered in the >> normal flow (unless it is absolutely positioned). It is implicity styled >> with position:static. This means that it will be placed on the page >> exclusively by its location in the flow of the code. >> >> Considering (b), merely assigning a div an alignment of "center" may have >> no >> visible effect on its placement, since it has expanded to fill its >> container's width. You would also have to apply some width to the div to >> see anything happen, e.g., >> >> <div style="width:200px;margin:0 auto;">this content will center in any >> container wider than 200px.</div> >> >> Considering (d), any non-positioned div with a width and auto margins >> (left >> and right) will be centered with its position dependent on the preceding >> code. >> >> You would not need to use relative positioning to achieve this at all. >> Does >> that answer your question? >> >> > center a DIV element in the >> > center (left to right) of a page without using Absolute positioning. >> >> For what it's worth, you would never use absolute positioning to center >> anything. >> >> -- >> Murray >> ============ >> >> "Don Dean" <(E-Mail Removed)> wrote in message >> news:ADDBF145-7EAA-4628-A945-(E-Mail Removed)... >> > Hi all, >> > I'm familar with Relative and Absolute positioning of DIV elements. >> > >> > Is there a simple way, maybe with a tag, to center a DIV element in the >> > center (left to right) of a page without using Absolute positioning. I >> > want >> > to position it Relative so it will move in relation to a particular >> > paragraph >> > of text. >> > -- >> > Don >> > ********* >> >> >> |
|
|
|
|
|||
|
Guest
Posts: n/a
|
Yep, your way works too.
Thanks Murray, you've always got the answers. -- Don ********* "Murray" wrote: > Pah - throw it out. Here's all you need - > > <div style="width: 200px; height: 30px; border:2px solid #000000; > background-color: #CCF; margin:0 auto;">My text is here.</div> > > > -- > Murray > ============ > > "Don Dean" <(E-Mail Removed)> wrote in message > news F4FCA65-82CB-41F0-BF9E-(E-Mail Removed)...> > Hi Murray, > > You were right, I tried the align="center" inside the DIV tag, as Kevin > > suggested, but it didn't center the DIV element, although it did cause the > > center alignment of the contents of the DIV element. This is not what I > > was > > looking for, I wanted to center the DIV element and not the contents. > > > > I tried several different things and here's what worked: > > > > <center><div style="position: relative; width: 200px; height: 30px; > > border: > > 2px solid #000000; background-color: #CCCCFF">My text is > > here.</div></center> > > > > Thanks for the additional info., > > -- > > Don > > ********* > > > > > > "Murray" wrote: > > > >> Just to expand a tiny bit on Kevin's suggestion, a div is a block tag. > >> This > >> means that it a) starts on a new line, b) expands to fill its container, > >> c) > >> forces adjacent content to a new line below, and d) is rendered in the > >> normal flow (unless it is absolutely positioned). It is implicity styled > >> with position:static. This means that it will be placed on the page > >> exclusively by its location in the flow of the code. > >> > >> Considering (b), merely assigning a div an alignment of "center" may have > >> no > >> visible effect on its placement, since it has expanded to fill its > >> container's width. You would also have to apply some width to the div to > >> see anything happen, e.g., > >> > >> <div style="width:200px;margin:0 auto;">this content will center in any > >> container wider than 200px.</div> > >> > >> Considering (d), any non-positioned div with a width and auto margins > >> (left > >> and right) will be centered with its position dependent on the preceding > >> code. > >> > >> You would not need to use relative positioning to achieve this at all. > >> Does > >> that answer your question? > >> > >> > center a DIV element in the > >> > center (left to right) of a page without using Absolute positioning. > >> > >> For what it's worth, you would never use absolute positioning to center > >> anything. > >> > >> -- > >> Murray > >> ============ > >> > >> "Don Dean" <(E-Mail Removed)> wrote in message > >> news:ADDBF145-7EAA-4628-A945-(E-Mail Removed)... > >> > Hi all, > >> > I'm familar with Relative and Absolute positioning of DIV elements. > >> > > >> > Is there a simple way, maybe with a tag, to center a DIV element in the > >> > center (left to right) of a page without using Absolute positioning. I > >> > want > >> > to position it Relative so it will move in relation to a particular > >> > paragraph > >> > of text. > >> > -- > >> > Don > >> > ********* > >> > >> > >> > > > |
|
|
|
|
|||
|
Guest
Posts: n/a
|
Murray knows a lot more about HTML than I ever will. Any time he makes an
addendum to my comments (or anyone else's, for that matter) a good policy would be to defer to Murray! -- HTH, Kevin Spencer Microsoft MVP ..Net Developer Neither a follower nor a lender be. "Don Dean" <(E-Mail Removed)> wrote in message news:20413A0A-EC3A-4DA6-9B66-(E-Mail Removed)... > Yep, your way works too. > Thanks Murray, you've always got the answers. > -- > Don > ********* > > > "Murray" wrote: > >> Pah - throw it out. Here's all you need - >> >> <div style="width: 200px; height: 30px; border:2px solid #000000; >> background-color: #CCF; margin:0 auto;">My text is here.</div> >> >> >> -- >> Murray >> ============ >> >> "Don Dean" <(E-Mail Removed)> wrote in message >> news F4FCA65-82CB-41F0-BF9E-(E-Mail Removed)...>> > Hi Murray, >> > You were right, I tried the align="center" inside the DIV tag, as Kevin >> > suggested, but it didn't center the DIV element, although it did cause >> > the >> > center alignment of the contents of the DIV element. This is not what >> > I >> > was >> > looking for, I wanted to center the DIV element and not the contents. >> > >> > I tried several different things and here's what worked: >> > >> > <center><div style="position: relative; width: 200px; height: 30px; >> > border: >> > 2px solid #000000; background-color: #CCCCFF">My text is >> > here.</div></center> >> > >> > Thanks for the additional info., >> > -- >> > Don >> > ********* >> > >> > >> > "Murray" wrote: >> > >> >> Just to expand a tiny bit on Kevin's suggestion, a div is a block tag. >> >> This >> >> means that it a) starts on a new line, b) expands to fill its >> >> container, >> >> c) >> >> forces adjacent content to a new line below, and d) is rendered in the >> >> normal flow (unless it is absolutely positioned). It is implicity >> >> styled >> >> with position:static. This means that it will be placed on the page >> >> exclusively by its location in the flow of the code. >> >> >> >> Considering (b), merely assigning a div an alignment of "center" may >> >> have >> >> no >> >> visible effect on its placement, since it has expanded to fill its >> >> container's width. You would also have to apply some width to the div >> >> to >> >> see anything happen, e.g., >> >> >> >> <div style="width:200px;margin:0 auto;">this content will center in >> >> any >> >> container wider than 200px.</div> >> >> >> >> Considering (d), any non-positioned div with a width and auto margins >> >> (left >> >> and right) will be centered with its position dependent on the >> >> preceding >> >> code. >> >> >> >> You would not need to use relative positioning to achieve this at all. >> >> Does >> >> that answer your question? >> >> >> >> > center a DIV element in the >> >> > center (left to right) of a page without using Absolute positioning. >> >> >> >> For what it's worth, you would never use absolute positioning to >> >> center >> >> anything. >> >> >> >> -- >> >> Murray >> >> ============ >> >> >> >> "Don Dean" <(E-Mail Removed)> wrote in message >> >> news:ADDBF145-7EAA-4628-A945-(E-Mail Removed)... >> >> > Hi all, >> >> > I'm familar with Relative and Absolute positioning of DIV elements. >> >> > >> >> > Is there a simple way, maybe with a tag, to center a DIV element in >> >> > the >> >> > center (left to right) of a page without using Absolute positioning. >> >> > I >> >> > want >> >> > to position it Relative so it will move in relation to a particular >> >> > paragraph >> >> > of text. >> >> > -- >> >> > Don >> >> > ********* >> >> >> >> >> >> >> >> >> |
|
|
|
|
|||
|
Guest
Posts: n/a
|
Heh - I'm just fast with the reference books! 8)
Thanks, Kev.... -- Murray ============ "Kevin Spencer" <(E-Mail Removed)> wrote in message news:(E-Mail Removed)... > Murray knows a lot more about HTML than I ever will. Any time he makes an > addendum to my comments (or anyone else's, for that matter) a good policy > would be to defer to Murray! > > -- > HTH, > > Kevin Spencer > Microsoft MVP > .Net Developer > Neither a follower nor a lender be. > > "Don Dean" <(E-Mail Removed)> wrote in message > news:20413A0A-EC3A-4DA6-9B66-(E-Mail Removed)... >> Yep, your way works too. >> Thanks Murray, you've always got the answers. >> -- >> Don >> ********* >> >> >> "Murray" wrote: >> >>> Pah - throw it out. Here's all you need - >>> >>> <div style="width: 200px; height: 30px; border:2px solid #000000; >>> background-color: #CCF; margin:0 auto;">My text is here.</div> >>> >>> >>> -- >>> Murray >>> ============ >>> >>> "Don Dean" <(E-Mail Removed)> wrote in message >>> news F4FCA65-82CB-41F0-BF9E-(E-Mail Removed)...>>> > Hi Murray, >>> > You were right, I tried the align="center" inside the DIV tag, as >>> > Kevin >>> > suggested, but it didn't center the DIV element, although it did cause >>> > the >>> > center alignment of the contents of the DIV element. This is not what >>> > I >>> > was >>> > looking for, I wanted to center the DIV element and not the contents. >>> > >>> > I tried several different things and here's what worked: >>> > >>> > <center><div style="position: relative; width: 200px; height: 30px; >>> > border: >>> > 2px solid #000000; background-color: #CCCCFF">My text is >>> > here.</div></center> >>> > >>> > Thanks for the additional info., >>> > -- >>> > Don >>> > ********* >>> > >>> > >>> > "Murray" wrote: >>> > >>> >> Just to expand a tiny bit on Kevin's suggestion, a div is a block >>> >> tag. >>> >> This >>> >> means that it a) starts on a new line, b) expands to fill its >>> >> container, >>> >> c) >>> >> forces adjacent content to a new line below, and d) is rendered in >>> >> the >>> >> normal flow (unless it is absolutely positioned). It is implicity >>> >> styled >>> >> with position:static. This means that it will be placed on the page >>> >> exclusively by its location in the flow of the code. >>> >> >>> >> Considering (b), merely assigning a div an alignment of "center" may >>> >> have >>> >> no >>> >> visible effect on its placement, since it has expanded to fill its >>> >> container's width. You would also have to apply some width to the >>> >> div to >>> >> see anything happen, e.g., >>> >> >>> >> <div style="width:200px;margin:0 auto;">this content will center in >>> >> any >>> >> container wider than 200px.</div> >>> >> >>> >> Considering (d), any non-positioned div with a width and auto margins >>> >> (left >>> >> and right) will be centered with its position dependent on the >>> >> preceding >>> >> code. >>> >> >>> >> You would not need to use relative positioning to achieve this at >>> >> all. >>> >> Does >>> >> that answer your question? >>> >> >>> >> > center a DIV element in the >>> >> > center (left to right) of a page without using Absolute >>> >> > positioning. >>> >> >>> >> For what it's worth, you would never use absolute positioning to >>> >> center >>> >> anything. >>> >> >>> >> -- >>> >> Murray >>> >> ============ >>> >> >>> >> "Don Dean" <(E-Mail Removed)> wrote in message >>> >> news:ADDBF145-7EAA-4628-A945-(E-Mail Removed)... >>> >> > Hi all, >>> >> > I'm familar with Relative and Absolute positioning of DIV elements. >>> >> > >>> >> > Is there a simple way, maybe with a tag, to center a DIV element in >>> >> > the >>> >> > center (left to right) of a page without using Absolute >>> >> > positioning. I >>> >> > want >>> >> > to position it Relative so it will move in relation to a particular >>> >> > paragraph >>> >> > of text. >>> >> > -- >>> >> > Don >>> >> > ********* >>> >> >>> >> >>> >> >>> >>> >>> > > |
|
|
|
|
|||
|
Guest
Posts: n/a
|
Yippee! Good guess, huh? 8)
-- Murray ============ "Don Dean" <(E-Mail Removed)> wrote in message news:20413A0A-EC3A-4DA6-9B66-(E-Mail Removed)... > Yep, your way works too. > Thanks Murray, you've always got the answers. > -- > Don > ********* > > > "Murray" wrote: > >> Pah - throw it out. Here's all you need - >> >> <div style="width: 200px; height: 30px; border:2px solid #000000; >> background-color: #CCF; margin:0 auto;">My text is here.</div> >> >> >> -- >> Murray >> ============ >> >> "Don Dean" <(E-Mail Removed)> wrote in message >> news F4FCA65-82CB-41F0-BF9E-(E-Mail Removed)...>> > Hi Murray, >> > You were right, I tried the align="center" inside the DIV tag, as Kevin >> > suggested, but it didn't center the DIV element, although it did cause >> > the >> > center alignment of the contents of the DIV element. This is not what >> > I >> > was >> > looking for, I wanted to center the DIV element and not the contents. >> > >> > I tried several different things and here's what worked: >> > >> > <center><div style="position: relative; width: 200px; height: 30px; >> > border: >> > 2px solid #000000; background-color: #CCCCFF">My text is >> > here.</div></center> >> > >> > Thanks for the additional info., >> > -- >> > Don >> > ********* >> > >> > >> > "Murray" wrote: >> > >> >> Just to expand a tiny bit on Kevin's suggestion, a div is a block tag. >> >> This >> >> means that it a) starts on a new line, b) expands to fill its >> >> container, >> >> c) >> >> forces adjacent content to a new line below, and d) is rendered in the >> >> normal flow (unless it is absolutely positioned). It is implicity >> >> styled >> >> with position:static. This means that it will be placed on the page >> >> exclusively by its location in the flow of the code. >> >> >> >> Considering (b), merely assigning a div an alignment of "center" may >> >> have >> >> no >> >> visible effect on its placement, since it has expanded to fill its >> >> container's width. You would also have to apply some width to the div >> >> to >> >> see anything happen, e.g., >> >> >> >> <div style="width:200px;margin:0 auto;">this content will center in >> >> any >> >> container wider than 200px.</div> >> >> >> >> Considering (d), any non-positioned div with a width and auto margins >> >> (left >> >> and right) will be centered with its position dependent on the >> >> preceding >> >> code. >> >> >> >> You would not need to use relative positioning to achieve this at all. >> >> Does >> >> that answer your question? >> >> >> >> > center a DIV element in the >> >> > center (left to right) of a page without using Absolute positioning. >> >> >> >> For what it's worth, you would never use absolute positioning to >> >> center >> >> anything. >> >> >> >> -- >> >> Murray >> >> ============ >> >> >> >> "Don Dean" <(E-Mail Removed)> wrote in message >> >> news:ADDBF145-7EAA-4628-A945-(E-Mail Removed)... >> >> > Hi all, >> >> > I'm familar with Relative and Absolute positioning of DIV elements. >> >> > >> >> > Is there a simple way, maybe with a tag, to center a DIV element in >> >> > the >> >> > center (left to right) of a page without using Absolute positioning. >> >> > I >> >> > want >> >> > to position it Relative so it will move in relation to a particular >> >> > paragraph >> >> > of text. >> >> > -- >> >> > Don >> >> > ********* >> >> >> >> >> >> >> >> >> |
|
|
|
|
|||
|
|
| |
|
| Thread Tools | |
| Rate This Thread | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| Routing WCF Calls based on Body Element - How to rout empty element? | Tino Donderwinkel | Microsoft C# .NET | 0 | 7th Aug 2010 09:59 AM |
| Element 'ElephantTreeView' is not a known element. This can occur ifthere is a compilation error in the Web site, or the web.config file ismissing. | Dave | Microsoft C# .NET | 4 | 7th Jul 2010 02:11 AM |
| Can't code a css class that makes a span element the same size as a button element | Cal Who | Microsoft ASP .NET | 5 | 26th Apr 2010 06:35 PM |
| problem centering element, using css | Jeff | Microsoft ASP .NET | 1 | 4th Mar 2009 03:28 PM |
| Element 'Element Name Here' is not a known element. This can occur if there is a compilation error in the Web | M Noreen | Microsoft Dot NET | 3 | 17th Apr 2006 07:28 AM |
