Jump to content

white_kh

Newbie
  • Posts

    8
  • Joined

  • Last visited

white_kh's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Ребята, привет. Решил сделать сайтик, но появилась проблемка. Т.к я никогда не верстал "резиновых" сайтов, а всегда делал фиксированные, то возник небольшой вопросик. В общем надо сделать 2 блока, один допустим шириной 200px, а другой 100%.То, что я хотел сделать меня получилось, но я так понимаю, что выход не совсем правильный. Подскажите как все это верно реализовать? Заранее Спасибо!
  2. Огромное спасибо!!!!!!!!
  3. Если можете, приведите пример верстки
  4. есть какие-нибудь идеи?
  5. как бы в первом сообщении все есть) моно вставить в блокность, задать ему расширение html и глянуть в ие)))
  6. как тогда это можно реализовать?при том, в ие работает именно так, как мне хотелось, а в остальных что-то не хочет. подскажите реализацию данной идеи
  7. Хотелось бы, чтобы минимальная высота была 100%. правда если высота контента превышает 100, то все становится бякой. если добавить после "content" строку <div style="height:1500px; width:100px; background:red;"></div> . не могу понять почему page не меняет высоту
  8. Привет. Появилась задача сделать вокруг блока несколько фоновых изображений. Все получилось, но вот есть глюк, который я не знаю как исправить... если высота блока превышает 100%, то фоновые изображения остаются на месте, а контент вылазиет за их границы. Объясните с примером плз как решить данную задачу. Спасибо! <!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>test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> html, body {height:100%; margin:0; padding:0;} #wrapper {width:80%; height:100%; margin: 0px auto; background:silver;} #page {width:100%; height:100%;} #t {background: url(http://4play.com.ua/img/t.jpg) top repeat-x; height:100%;} #b {background: url(http://4play.com.ua/img/b.jpg) bottom repeat-x; height:100%;} #l {background: url(http://4play.com.ua/img/l.jpg) left repeat-y; height:100%;} #r {background: url(http://4play.com.ua/img/r.jpg) right repeat-y; height:100%;} #tl {background: url(http://4play.com.ua/img/tl.jpg) top left no-repeat; height:100%;} #tr {background: url(http://4play.com.ua/img/tr.jpg) top right no-repeat; height:100%;} #bl {background: url(http://4play.com.ua/img/bl.jpg) bottom left no-repeat; height:100%;} #br {background: url(http://4play.com.ua/img/br.jpg) bottom right no-repeat; height:100%;} </style> </head> <body> <div id="wrapper"> <div id="t"> <div id="b"> <div id="l"> <div id="r"> <div id="tl"> <div id="tr"> <div id="bl"> <div id="br"> <div id="page"> <div style="padding:80px 0px 0px 110px;"> content </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </body> </html>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy