Вёрстка дивами.проблем

September 8, 2008

Очень важно, помогите кто в силах... У меня есть шаблон, взял тут http://trifler.ru/blog/i/users/shablon/b3.htm, (немного его переделал), надо сделать так чтоб при другом расширении экрана левые и правые уши раздвигались, а центр находился на своем центральном месте. у меня же получается что правое ухо больше левого. и ещё проблема с уменьшением размера окна браузера. Заранее благодарен.

HTML:

<body>

<div class="left"><p id=lef>ВЛЕВАЯ ВЛЕВ АЯВЛЕВАЯ ВЛЕВАЯВЛЕВАЯ..</p></div>

<div class="content"><p id=con>..пвпвпвп.. пвпвпвп..пв пвпвп..пвпв пвп..пвпвпвп..пвпвпвп..п впвпвп..п впвпвп..пвпв пвп..пвпвпвп..пв </p></div>

</div>

<div class="footer"><p id=fut>... футер </p></div>

</div>

</div>

</body>

css:

#trifler,#gordi {background-color:#000; margin:2px auto;width:1012px; margin-top: -8px}

#gordi {width:912px; float:left }

.header {background: #444;height:210px;}

.footer {background-color:#000;padding:15px 20px 0 20px;height:70px;}

.center {overflow:hidden;}

.content,.left,.right {float:left;margin-bottom:-32767px;padding-bottom:32767px;text-align:left;}

.content {background-color:#555;width:612px; min-height:510px;}

.left {background-color:#888; width:300px;}

.right {background-color:#888;width:200px;}

.clear {clear:both;}

#con {margin: 10px 10px 10px 20px }

<!--[if IE 6]>

.content {height:expression(((document.documentElement.clientHeight || document.body.clientHeight) < 450)? "auto":"490px");}

/* END DIV */

div {color:red}

#fut1 {margin:10px 10px 10px 10px }

#lef {margin: 10px 5px 0 10px}

#div1 {background:url(../images/1.gif); width:302px; height:210px; float:left;}

#div2 {background:url(../images/2.gif); float:left; height:210px; width:279px}

#div3 {background:url(../images/3.gif); float:left; height:210px; width:319px}

#uho1 {width:267px; height:800px; background:red; float:left; margin:-7px 0 0 -100px }

#uho2 {width:267px; height:800px; background:green; float:left; margin:-7px -100px 0 0 }

#zas1 {background:#555 ; width: 200px; height: 200px; margin: -7px 0px 0 67px}

#zas2 {background:#555 ; width: 200px; height: 200px; margin: -7px 0 0 0}

#gl {width:1400px}

Sign In

Вёрстка дивами.проблем

Question

Guest Гость_Павел_*

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information