Форум Сайтостроение Веб-строительство

Подскажите по div-ной верстке, ломаются таблицы

jcrush
На сайте с 04.07.2004
Offline
371
jcrush
679

есть шаблон 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">



<html xmlns="http://www.w3.org/1999/xhtml">



<head>



<title></title>



<meta http-equiv="content-type" content="text/html; charset=windows-1251" />





<style type="text/css"><!--



* {



	margin:5;



	padding:5;



}



p {color:#426387;



font-size:100%; font-weight:bold; margin:1.5em 1em 1em 0; 



}



.cellsBlock {



  width: 100%;



  display: table;



}



.cellLeft, .cellMiddle, .cellRight {



  display: table-cell !important;



  display: inline;



  vertical-align: top;



  text-align: left;



padding:5px 5px 5px 5px;



}



.cellLeft, .cellRight {



  width:20%;



}



.cellRight {



  width:20%;



}



.cellMiddle {



  width:58%;



  height: 100px;



}







.cellLeft2, .cellRight2 {



  display: table-cell !important;



  display: inline;



  vertical-align: top;



  text-align: left;



  padding:5px 5px 5px 5px;



}



.cellLeft2, .cellRight2 {



  width:20%;



}



.cellRight2 {



  width:40%;



}















//--></style>



</head>



<body bgcolor="#ECEDFD">







<div class="cellLeft2">



ккккккккккккк

</div>







<div class="cellRight2">



55555555

</div>







</div>











<div class="cellsBlock" style="background: #ABCAE0;">



<div class="cellLeft" style="background: #ABCAE0;">



<b>Меню</b>



</div>



<div class="cellMiddle" style="background: #DCDEFC;">



<h1> 



<?=$h1?>



</h1>



<p>пппппппппппп</p>



</div>



<div class="cellRight" style="background: #ABCAE0;">



<b>Информация</b>





</div>



</div>



<p>аааааааа</p>



</body>



</html>

но переодически пока не нажму кнопку обновить правая колонка с информацией слетает в низ, почему хз, и не всегда в FF точно, подскажите как поправить?!

» Блог (http://blog.stfw.ru/) - SEO-заметки. ДВчат: @dvchat (https://t.me/dvchat)
Jensi
На сайте с 30.11.2009
Offline
74
Jensi
#1

У меня так отображается в FF и опере: http://s50.radikal.ru/i129/0912/41/23e1cf70f7d8.jpg

Даже при увеличении странички, всё отлично. Так должно всё выглядеть ведь?

jcrush
На сайте с 04.07.2004
Offline
371
jcrush
#2

Да должно так но я повторить на локалке так же не могу все косяки получаются на реальном сайте с инфой...

DyaDya
На сайте с 11.04.2007
Offline
147
DyaDya
#3

Что-то с шириной не однозначно. Возможно, потому что 20+20+58!=100%

Моё ИМХО.

p.s. вот на реальном сайте всегда что-то новое вылазит: пробел лишний, картинка больше чем нужно шириной и т.п.

возможно, есть смысл добавить оверфлоу: хидден.

Выбирайте качественный хостинг (http://vashmaster.ru/informaciya/o_poleznyh_programmah/news83.php) и продвигайте сайты в СЕОПУЛЬТ (http://seopult.ru/ref.php?ref=72b5ed9561fe66a1). А на «SAPE» я в обиде :) Не упрекайте за очепятки, пишу вслепую (http://ergosolo.ru/) и также делаю сайты (http://www.vashmaster.ru/) ;)
Jensi
На сайте с 30.11.2009
Offline
74
Jensi
#4

jcrush, уменьшите ширину среднего дива и пробуйте. Ещё лучше все эти дивы обрамить в отдельный див (будет удобнее и легче будет всё верстать далее, но это просто совет:)).

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
Алексей Барыкин
#5

В FF проблем не обнаружил, в IE всё жутко расползлось.

Возьмите пример 3-х колоночного макета за основу - http://barykin.com/example/3_column.html

https://adminbook.ru/
viКing
На сайте с 20.03.2008
Offline
124
viКing
#6

Во-первых, display: table-cell не поддерживается IE.

Во-вторых, у вас в начале потерян открывающий тег для DIV.


<div class="cellLeft2">

ккккккккккккк
</div>

<div class="cellRight2">

55555555
</div>

</div>

короче, переверстывать надо

Кофейник
На сайте с 11.07.2009
Offline
78
Кофейник
#7

Ну вот за пять минут накидал, пользуйтесь, на здоровье. :)

И не надо никакой порнографии и извращений. ;)

http://portfolio.kg-am.com/Example/

http://immater1um.livejournal.com/ (http://immater1um.livejournal.com/)
jcrush
На сайте с 04.07.2004
Offline
371
jcrush
#8

Спасибо, понравился макетАлексея, возьмуза основу!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий