ASP.NET - dealing with Layout & positioning - PART 2

Previously I have dealt with the problem of positioning in the web page. Yet there's another thing that I'd like to deal with, which is to layout the controls nicely. At first I thought of using the HTML table to segment the controls properly, but I have a problem with that. Once it's rendered into HTML, it may looks pretty with IE6 and IE7, but the positioning will definitely out with Firefox because of the absolute positioning.

During developing the content page, I drag a few HTML tables into the page, put all into relative positioning, and align them properly. Then, in order to add the controls into the table, I'll just drag the control and move it to the desired table (highlighted with blue frame), and it will align to the top left corner of the table to show that I drag to the right place. Note here, that the controls within the table are all absolute positioning. I can't use relative positioning here because the alignment process will not work. So once I'm happy with the arrangement, I tried to view it in IE6, and it looks fine, in IE7 it looks fine too with a few things that could be fixed, but when it comes to Firefox, everything went wrong.

Firefox some how rather not able to render the positioning of the controls, which has been translated into CSS style properly. So I was scratching my mind to find a way to do this because as a software engineer, it is my responsibility to make sure that the website will function and layout well across at least all browsers.

The solution is to use layout instead of table. Layout can be inserted through tools -> layout. With layout, we could add borders/edges and apply any kind of styles we desired. I did the same to layout as I did with table; insert the layout, with the layout still selected, make it relative positioning, and arrange it, then add the controls into the layout with absolute positioning, align all controls, align the layouts, finally build the website. The result is acceptable, it's able to be viewed well in IE6, IE7, and Firefox too!

Note here, that the source code of the controls and layouts in code view will have to be properly positioned as well to avoid any alignment flow problems later. Meaning that the first layout has to be on top, and the first control in the layout has to be on top as well, then followed subsequently by each control in their respective position.

Comments

Post a Comment

Popular posts from this blog

Yahoo! Messenger voice call & video call disabled, why?

Was trying to help my colleague to troubleshoot her laptop, where the Yahoo! Messenger voice chat & video chat are disabled even though the setup of the sound & video are all correctly configured.  Yet, it will still throw the error message "Your computer is not connected to the network", which is quite amazingly considered that the wireless network is working plus the Skype is able to make the call. After several finding on the Internet and on some help site, non of the solutions are able to solve the problem.  Then I recalled the other colleague is also using the same laptop and her Yahoo! Messenger is able to use video call & voice call.  I was guessing the whole time of what could be the possible cause that hers is working but not this one.  Then a thought came to my mind, could it be the firewall? The firewall is correctly configured, so what else inside there that is blocking the connection?  The other security software that's installed is ...
Read more

Sport's Injuries - Treatment for bruises

I have a knock on both my legs last Sunday during a Futsal session. I have a knock on my lower right shin, while sprain my left ankle. It is not a pleasant experience at all to have both legs injured. It is very painful and totally immobilized me. What's important right now is to get it treated. I have tried to elevate both my legs in order to not let the blood concentrated at the injured spot, plus put ice at the injured area. I have even consulted with a doctor regarding the injuries, and am thankful that there's nothing wrong with my right shin. Still, it's not healing that well because the swelling has not resided. Since I'm living alone, it will be hard for it to heal because I need to be mobilize all the time. With the help of the Internet, I'm trying to surf for information that could help to provide first-aid treatment. The following are my finding from the Internet and from family tradition treatment: Elevate the injured leg. Apply ice for about 30 ...
Read more

C# DataSet

I have this experience in C# that although an object is not NULL, if it's an array or a string, it doesn't mean that the length is equivalent to 0. In C# NULL and 0 length are 2 different conditions and both have to be deal with. Because of the above, I've tried to check on DataSet to see if the same would happened. I'm using Stored Procedure and Microsoft Practice Pattern Enterprise Library to get the DataSet. At first I thought that if there are no matching result, than the DataSet should be NULL instead. Then I have a hunch that might not be the case because of the experience that I mentioned above. So I do a check by having the Stored Procedure to check for a result that does not return a matching result. My guess is that although it's empty result, the DataSet will still be instantiated/created by the method. The test result proves my guess, because the DataSet is created/instantiated, and it has a 0 row count. Note that it happens with the Enterprise Li...
Read more