ФорумРазработкаКлиентская сторонаВерстка и оформление → Проблемы с дивами

Проблемы с дивами

  • java

    Сообщения: 14 Репутация: N Группа: Кто попало

    Spritz 22 ноября 2007 г. 15:58

    пишу обыкновенный хтмл код




    <html>
    <head>
    <meta http-equiv=content-type content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="visa.css" />
    <title>
    Visa
    </title>
    <style>
    .header {height:300px}
    .fhdr { width:70%; }
    .shdr { width:70%;
    height:100px;
    display:table-cell;
    vertical-align:middle;
    position:relative;
    }
    .cmninp { width:600px;display:table-cell; text-align:left;}
    .label { width:460px; float:left;text-align:left;}
    </style>


    </head>
    <body>

    <!–main div–>
    <div id="main" style="background: orange;" align="center">
    <!–Header–>
    <div class="header">
    <div class="fhdr">bla bla bla bla
    </div>

    <div class="shdr" >bla bla bla bla
    </div>
    </div>
    <!–end of Header–>

    <!–Input the data–>
    <div class="label">
    1.Surname :
    </div>
    <div class="cmninp">
    <input type="text" class="smplinp" name="surname"/>
    </div>

    <br>
    <div class="label">
    2.Other names:
    </div>
    <div class="cmninp">
    <input type="text" class="smplinp" name="othname"/>
    </div>




    выходит такая незадача что если строка перед инпутами в две строчки ,то оранжевый фон действует на всю страницу,кроме последней строчки
    Просьбы к верстальщикам,как можно улучшить данный код?
  • java

    Сообщения: 14 Репутация: N Группа: Кто попало

    Spritz 22 ноября 2007 г. 15:58, спустя 53 секунды

    да кстати css на которую ссылаюсь
    .smplinp {
    border: solid 1px #a7a6aa;
    width: 216px;
    height: 20px;
    font-family: Verdana, Tahoma, Arial;
    color: #666;
    font-size: 10pt;
    }

Пожалуйста, авторизуйтесь, чтобы написать комментарий!