Problem with Control's text placement

ceboc · June 15th, 2010, 05:45 AM

Hi

I have a little problem, when I add a control like the ChangePassword control to a page.

All the text and buttons regarding the control is placed in the upper left corner of the page. The text and buttons are placed on top of each other. How do I prevent this ?

In my style sheet I write:

*
{ position:absolute}

Best regards,
Bo

Imar · June 15th, 2010, 06:37 AM

Hi there,

It's because of the position: absolute. When you use that, you must specify a location explicitly using properties such as top and left. But why are you using this? Are you using this in the Planet Wrox sample web site? It doesn't need it as the design is based on a flow-layout.

Cheers,

Imar

ceboc · June 15th, 2010, 07:50 AM

You are right. It was because I used "position: absolute". I tried to change it to "relative" and "static" before I wrote above question. At that time it did not help. But now it is working, so thank you!
I use "position: absolute" because it is easy for me to place text, buttons ect. precisely where I want them to be. Is it poor programming praxis? I am not using it for your book examples. I have already finished all the very good examples.
Thank you for your help!

Best regards,
Bo

Imar · June 15th, 2010, 07:59 AM

It's not necessarily a bad practice, but a different practice.

I find flow layouts easier to maintain. With an absolute positioned layout, moving stuff or adding stuff in between other elemenets becomes much harder as you have to update more CSS definitions.

Cheers,

Imar

myBandOfMerryMen · June 21st, 2010, 01:52 PM

Hi, New Guy Here;
I recently purchased and got to using the âBeginning ASP.NET 3.5 in VB and C#. Iâm somewhere in chapter 10 now; and everything is going on smoothly.

The only problem is that I canât seem to get the pages of the website to be centralised. It always comes out âLeft Alignedâ. I even tried using tables to correct this in the MasterPage, but it did not work. Is there anyway I can get around this?

Thanks.

Imar · June 21st, 2010, 05:32 PM

Hi there,

What do you mean by centralised? The entire site within the browser? Or the content within the pages. Is the difference between http://aspnet35.planetwrox.com/ and http://aspnet4.planetwrox.com/ the effect you're looking for?

Imar

myBandOfMerryMen · June 24th, 2010, 02:22 PM

Hi there,

What do you mean by centralised? The entire site within the browser? Or the content within the pages. Is the difference between http://aspnet35.planetwrox.com/ and http://aspnet4.planetwrox.com/ the effect you're looking for?

Imar

##################################
Yea, I'm talking about the entire website; like the one in http://aspnet4.planetwrox.com/ --That site is centralised...not just the contents of the page.

Thanks.

Imar · June 25th, 2010, 04:43 AM

Hi there,

In the PlanetWrox 4 web site, this is done with CSS code like this:

Code:

#PageWrapper
{
  width: 844px;
  margin: auto;
}

margin: auto means as much as: âdivide whatever room youâve left between the two edgesâ (left and right; auto doesnât vertically center the content) causing the item to appear centered. In order for the browser to calculate âwhatâs leftâ, the item youâre applying this to needs to have a fixed width (844 pixels in this case).

Hope this helps,

Imar

myBandOfMerryMen · June 26th, 2010, 11:22 AM

Thanks the info. It really was useful.

merryMan.