Alignment Using Two Division In CSS

I just got a call from my friend and he asked me a question, how to align two divisions in CSS makes left and right properly aligned? he tried lot but the left div and right div not comes in the same path. The right div down not aligned with left div. I'm sure many of you newbie web designers faces this problem while converting the design into HTML using divisions.

Here is the answer that I told to my friend and felt to share with you guys out there. When you are placing two division on the web page you need to remember that the width and float attribute in CSS.

For example :

#div1 { /* we defined the main div width and margin it for center alignment */
width:700px;
margin:0px auto;
}
#div2left { /* we defined the left div width and float it with left parameter */
width:300px;
float:left;
}
#div2right { /* we defined the left div width and float it with right parameter */
width:400px;
float:right:
}
In the above example we defined 700px width for the main div for the web page and define 2 other divs for alignment of left n right. we defined 300px for left div and 400px for right div.

Float attribute in CSS helps to align the divisions left or right. Many times when applies this attribute on the web page it again seems not working, so only the best clue is make a 2 pixels of difference while creating these type of divisions for aligning left and right.

For example :
#div1 { /* we defined the main div width and margin it for center alignment */
width:700px;
margin:0px auto;
}
#div2left { /* we defined the left div width and float it with left parameter */
width:298px;
float:left;
}
#div2right { /* we defined the left div width and float it with right parameter */
width:398px;
float:right:
}

The above example have a bit difference from the first example. If you close look on the widths on the left div and on right div, you found 298px for left div and 398px for right div. I just reduce the width to make sure for definite work will get the alignment properly.

I hope this helped my friend and you guys also try it in your projects.

Few Tips That Helps You In Web Designing

Most of the web designers work very hard and their output speaks with their designs. While working with web development companies, I faces lot of troubles when they want me to complete the designing within time limit. As I feels, if you are a designer and you got some pressurized for work, your ability speaks for you and your work won't come up good with your own soul satisfactory. I have seen my fellow web designers when they got any assignments with deadlines, their quality of work and their efficiency becomes down and their faces shows the internal trouble they were facing that time. I know its bit hard for designers to think instant and create a unique design with quality within time limit.

I have created more than 200 websites till now while working with various web development companies. A designers knows how hard to create a new look and feel website when he has done previously same sort of left right top bottom n center designs with different colors and positions.

For newbie who just join companies as trainee or fresher here are some cool tips to enhance your creativity and you will get so much of time to create stunning websites.

1. Try to learn shortcut keys of designing tools like Photoshop, Fireworks etc.
2. Don't waste so much time to design only a blank box, put some curves on corners.
3. Now a days, gradients can be found mostly, try to use it while designing menus or boxes.
4. Use only combination colors, that soothes your eyes.
5. Don't try to place lot of images or flash animations or banners, to make the site suffocated.
6. Try to manage the web page fonts, anchors, images by using external CSS(Cascading Stylesheets)

All these helps you to learn and give you much time to create websites within time limit and you will be appreciable. As I get time I will share my experiences and if I found something interest while researching, I will post here so that you guys can get some healthy tips for your careers.