alignment issue with DIVS

C

Chaprasi

Gurus in HTML and CSS, I need your help. I have this HTML which has
<DIV>'s columns and I have no idea why the 2nd column which has a drop
down is not aligning proper with the first column which has a text box.

Here is my HTML,

Thanks,
Chaprasi

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>:: DIVS ::</title>
<style type="text/css">
div.container
{
width: 500px;
float: left;
border: blue 1px solid;
}

div.columns
{
float: left;
width: 150px;
}
</style>
</head>
<body>
<div class="container">
<div class="columns">
<input id="Text1" name="Text1" type="text"/>
</div>
<div class="columns">
<select id="Select1" name="Select1">
<option>Item 1</option>
<option>Item 2</option>
</select>
</div>
<div class="columns">
<input id="Text2" name="Text2" type="text" />
</div>
</div>
</body>
</html>
 
J

josh

Chaprasi said:
Gurus in HTML and CSS, I need your help. I have this HTML which has
<DIV>'s columns and I have no idea why the 2nd column which has a drop
down is not aligning proper with the first column which has a text box.

Here is my HTML,

Thanks,
Chaprasi

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>:: DIVS ::</title>
<style type="text/css">
div.container
{
width: 500px;
float: left;
border: blue 1px solid;
}

div.columns
{
float: left;
width: 150px;
}
</style>
</head>
<body>
<div class="container">
<div class="columns">
<input id="Text1" name="Text1" type="text"/>
</div>
<div class="columns">
<select id="Select1" name="Select1">
<option>Item 1</option>
<option>Item 2</option>
</select>
</div>
<div class="columns">
<input id="Text2" name="Text2" type="text" />
</div>
</div>
</body>
</html>

Seems to be aligning fine for me. Maybe I dont know what you mean. You
could post a link to a screenshot or better describe the problem you
are having? (It also is a common courtsey to post a link to a working
page so that the people that you are asking for help from dont have to
do work to help you.)
 
C

Chaprasi

thanks for the reply josh, I am sorry for not providing a site.

I just found out I had to do some padding-top and it works.

I am new to this tableless and using DIV to create a table effect.

thanks anyways :)
 
J

Joe

thanks for the reply josh, I am sorry for not providing a site.

I just found out I had to do some padding-top and it works.

I am new to this tableless and using DIV to create a table effect.

thanks anyways :)
ummm, if you need a table, USE a table. Tables are for stuff where a
relationship exists between the columns and rows. (ie, if you can put
meaningful headings in the columns, it's a table.)
Tables are NOT for making your page "look good".
 
F

frederick

Joe said:
ie, if you can put
meaningful headings in the columns, it's a table.

That's a good way to explain it to someone struggling to get the
distinction! I shall have to remember that way of putting it.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,744
Messages
2,569,484
Members
44,903
Latest member
orderPeak8CBDGummies

Latest Threads

Top