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

верстальщики в дивах, подскажите

12
Ёжик В Тумане
На сайте с 26.07.2006
Offline
16
Ёжик В Тумане
#11

Если правильно понимаю проблему, то все решается элементарно: 


<div id="HeadContainer">

<div id="Head">

<div id="HeadLeft"></div><div id="HeadRight"></div>

</div>

</div>



body{

      text-align:center;

	  margin:0;

	  padding:0;

}

#HeadContainer{

      width:100%;

      height:300px;

      overflow:hidden !important;

	  position:relative;

}

#Head{

      width:990px;

      height:300px;

      margin:0 auto;

      position:relative;

      background-color:red;

}

#HeadLeft{

     width:2000px;

     height:300px;

     position:absolute;

     left:-2000px;

     top:0;

    background-color:green;

}

#HeadRight{

     width:2000px;

     height:300px;

     position:absolute;

     right:-2000px;

     top:0;

     background-color:blue;

}

PS немного подправил :) .

PS PS все последняя редакция, теперь так.

Ушел в себя, забыл про форум.
Вернусь ли? Не знаю... Если нужен, пишите в аську...
Ёжик В Тумане
На сайте с 26.07.2006
Offline
16
Ёжик В Тумане
#12

Хотя, если найдется в мире пользователь, у которого экран будет размером 5000px , то у него может и криво показаться :) .

Г0
На сайте с 18.02.2006
Offline
27
Георгий_01
#13

а ещё вопрос можно? У меня есть бэкграунд и если динамический шрифт - то он в зависимости от размера движется в Диве (див на месте остаётся) А если картинку вставляю то не движется - нельзя сделать чтобы он был статичный тоже?

Поедушки, попереваривашки, потягушки и посрашки. (http://www.artlebedev.ru/kovodstvo/business-lynch/2007/10/15/)
Ткач
На сайте с 29.04.2007
Offline
95
Ткач
#14

докопался, но разочарован.

На самом деле оказалось всё проще некуда. просто слой под слой нельзя класть это раз, позиционированием нельзя это два (глючит в IE), float нельзя использовать в данном случае это три.

решение оказалось довольно простым.

//style

body {

font-family: Tahoma; font-size:12px; padding: 0px; margin: 0px; background-image:url(../images/fonhead.jpg); background-repeat:repeat-x; background-position:left top; min-height: 100%; height: 100%;

}

div.main {

height: 100%; margin-bottom: -75px;

}

* html div.main {

height: 100%;

}

.headleft {

background-image:url(../images/head1left.jpg); background-repeat:no-repeat; background-position: top left;

}

.headright {

background-image:url(../images/head1right.jpg); background-position: top right; height: 180px; background-repeat:no-repeat;

}

// end style

// page

<body>

<div class="main">

<!--шапка-->

<div>

<div class="headleft"><div class="headright"></div></div>

</div>

<!--/шапка-->

</div>

</body>

//end page

всего навсего )

Разработка и создание сайтов. Красиво, функционально, недорого. (http://time-online.ru/) ICQ 388-474-890)
eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Обзор семинара Леонида Гроховского
Kolyaj
На сайте с 28.03.2006
Offline
69
Kolyaj
#15
Ткач:
просто слой под слой нельзя класть это раз, позиционированием нельзя это два (глючит в IE), float нельзя использовать в данном случае это три.

И раз, и два, и три можно. У каждого браузера свои глюки, и зная о них, их вполне можно обойти.

Ткач, у форума есть тэги code, html, php, для форматирования кода. Вы не знали?

12

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