Форум XHTML.ru <!-- по-русски -->

Сайты - по стандартам, но не стандартные сайты!


#1 11.02.2012 17:01

sunnysun
Новичок
Зарегистрирован: 11.02.2012
Сообщений: 1

Проблема с версткой. Съезжает блок текста

Почему-то съезжает блок с текстом. Как исправить?
[img]http://savepic.su/1314925m.png[/img]

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Кабельное телевидение города Ивдель</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<body>
<div class="main">
    <div class="leftside">
        <a href="http://ivdel-ktv.ru"><img src="images/logo.gif" width="223" height="72" border="0" alt=""  /></a>
                <ul>
                <li>Главная</li>
                <li>Как подключиться</li>
                <li>Описание каналов</li>
                <li>Программа передач</li>
                <li>Частотный план</li>
                <li>Абонентам</li>
                <li>Отзывы и предложения</li>
                <li>История компании</li> 
                </ul>
            <div class="telephone">
                <p>Телефоны абонентского отдела:</p>
                <p>2-25-25</p>
                <p>+7-900-197-8188</p>
            </div>
            
    </div>
    <div class="rightside">
    сической латыни 45 года н.э., то есть более двух тысячелетий назад. Ричард МакКлинток, профессор латыни из колледжа Hampden-Sydney, штат Вирджиния, взял одно из самых странных слов в Lo<p>
    </div>
    
    <div class="center">
        <div class="search">
<form id="form1" name="form1" method="post" action="#">
<p>Поиск по сайту:</p><label><span><input name="q" type="text" class="keywords" id="textfield" maxlength="50" value="Поиск..." /></span><input name="b" type="image" src="images/search.gif" class="button" /></label>
<div class="clr"></div></form>
            <div class="clr"></div>
          </div>
        <div class="clr"></div>
        <div class="text_block">
          <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.</p>
        </div>
    </div>
</div>
</body>
</html>

Код:

@charset "utf-8";
body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    width:100%; 
    background:#f6f6f6;
}
.main {margin:0 auto; width: 1166px; overflow: hidden;}
.leftside { margin:0 ; padding: 0; float: left; width: 223px; }
.rightside { margin:0 ; padding: 0; float: right; width: 223px; }
.center { margin:0 243px 0 243px; padding:0; }
.telephone {margin: 0; padding: 5px; text-align: center;}
/* search */
.search { padding:0 ; margin:0; float:right; width:320px; }
.search p {
    font: bold 11px Arial, Helvetica, sans-serif;
    color:#333;
    padding:4px;
    margin:0;
    float:left;
}
.search form { display:block; padding:15px 0; margin:0;}
.search span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:180px; padding:0 5px; height:31px; margin:0;}
.search form .keywords { float:left; border:0; width:180px; padding:7px 0; height:17px; background:none; margin:0; font:normal 14px Arial, Helvetica, sans-serif; color:#9c9c9c; line-height:17px;}
.search form .button { float:left; margin:0; padding:0;}
.text_block{margin:0; padding: 0; float: right;}
.clr { clear:both; padding:0; margin:0; background:none;}

Нет на форуме

 

#2 14.02.2012 13:47

katarinka
Новичок
Зарегистрирован: 14.02.2012
Сообщений: 4

Re: Проблема с версткой. Съезжает блок текста

увеличите ширину div и напишите в  <body style="width:900px; margin:0 auto;>


[url=http://koktebel-tur.com/][color=black]Крым Коктебель[/color][/url] [u]летом буду там.[/u]

Нет на форуме

 

Board footer

Работает на PunBB
© 2002—2005 Rickard Andersson