CSS help required

Discussion in 'HTML and CSS' started by msgolan, Feb 5, 2010.

  1. msgolan

    msgolan

    Joined:
    Feb 4, 2010
    Messages:
    1
    I have two CSS problems:
    -------------------------
    1) Horizontally stretching a DIV
    2) Continue with normal flow

    My code is:
    -----------
    HTML:
    <html><head><style type="text/css">
    div {border:2px solid navy}
    
    body {
        background-color: white;
        font-family: arial, sans-serif;
        text-align: center;
    }
    
    #mini-form {
        position: relative;
        float: left;
        width: 70%;
        top: 1pc;
        left: 1pc;
    }
    
    .list {
        float: left;
        margin: .8pt;
        color: rgb(142, 142, 142);
        font-size: 12px;
    }
    
    .textbox {
        font-size: 17px;
        height: 1.25em;
        margin: 0.2em;
        vertical-align: bottom;
        width: 100%;
    }
    
    .button {
        font-size: 15px;
        height: 1.85em;
        margin: 0.2em;
        padding: 2px 12px;
        vertical-align: middle;
    }
    </style></head>
    
    <body>
    <div id="mini-form">
     <form>
      <a href=""><img alt="image" height="50" style="float:left"></a>
      <div style="float:left;width:auto">
       <div style="width:100%">
        <input type="text" value="text" class="textbox">
       </div>
       <div style="margin-bottom:.6pc;text-align:left;cursor:pointer">
        <div class="list" style="cursor:default">Select:</div>
        <div class="list"> &lt; </div>
        <div class="list">element</div>
        <div class="list"> &gt; </div>
       </div>
      </div>
      <div style="float:right">
       <input type="submit" value="button" class="button">
      </div>
     </form>
    </div>
    <div style="border: 1px solid red">
     dfdfdf
    </div>
    </body></html>
    
    I ran this on IE8, Chrome, FF and Maxthon, and got:
    (see attached css.png)

    Any idea how I could get the desired:
    (see attached cssr.png)

    Many thanks.
     

    Attached Files:

    msgolan, Feb 5, 2010
    #1
    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. SenthilVel

    Help Required for Help Context Id !!!!!!

    SenthilVel, Nov 30, 2005, in forum: ASP .Net
    Replies:
    4
    Views:
    3,192
    SenthilVel
    Dec 14, 2005
  2. Just D.
    Replies:
    0
    Views:
    467
    Just D.
    Mar 10, 2006
  3. Nick Wouters
    Replies:
    5
    Views:
    4,691
    Flinky Wisty Pomm
    May 8, 2006
  4. AF
    Replies:
    17
    Views:
    628
    Nije Nego
    Aug 9, 2006
  5. Emiliano
    Replies:
    2
    Views:
    351
    Rajesh.V
    Oct 16, 2003
Loading...

Share This Page