alignment issue with DIVS

Discussion in 'HTML' started by Chaprasi, Apr 21, 2006.

  1. Chaprasi

    Chaprasi Guest

    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>
    Chaprasi, Apr 21, 2006
    #1
    1. Advertising

  2. Chaprasi

    josh Guest

    Chaprasi wrote:
    > 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.)
    josh, Apr 21, 2006
    #2
    1. Advertising

  3. Chaprasi

    Chaprasi Guest

    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 :)
    Chaprasi, Apr 21, 2006
    #3
  4. Chaprasi

    Joe Guest

    In article <>,
    says...
    > 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".
    Joe, Apr 23, 2006
    #4
  5. Chaprasi

    frederick Guest

    Joe wrote:
    > 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.


    --
    AGw.
    frederick, Apr 23, 2006
    #5
    1. Advertising

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

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. lime
    Replies:
    2
    Views:
    395
  2. rich
    Replies:
    0
    Views:
    718
  3. 1995 Cobra
    Replies:
    5
    Views:
    465
    1995 Cobra
    Sep 9, 2006
  4. Kevin

    Troubling Alignment (I think) issue.

    Kevin, Nov 6, 2007, in forum: C Programming
    Replies:
    12
    Views:
    566
    Charlie Gordon
    Nov 8, 2007
  5. maya
    Replies:
    4
    Views:
    238
Loading...

Share This Page