liquid
-
Posts
9 -
Joined
-
Last visited
liquid's Achievements
Explorer (1/14)
0
Reputation
-
я хз,с пхп+мскл есть бесплатные?насчет вопроса,есть хоть какие предположения?
-
на локхосте
-
Спасибо,что не оставили без внимания,но все же остановился на том макете,который чуть выше приводил и там контент тоже в начале,вот токо опять столкнулся с проблемой((если в контенте картинка,то при сужение окна правый блок наезжает на контент,помогите,как решить это,без применения оверлоу? <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/css/template.css" type="text/css" /> <jdoc:include type="head" /> </head> <body> <div id="wrapper"> <div id="header"></div> <div id="nav"></div> <div id="container"> <div id="content"> <div id="text"> <jdoc:include type="component" /> </div> </div> <div id="left"> <jdoc:include type="modules" name="left" style="xhtml" /> </div> <div id="right"> <jdoc:include type="modules" name="right" style="xhtml" /> </div> <div class="clear"></div> </div> <div id="footer"></div> </div> </body> </html> #header { float: left; width: 100%; background-attachment: scroll; background-repeat: repeat-x; background-image: url(h.jpg); background-position: 0px 0px; background-color: #ffffff; height: 132px; } #nav { height: 30px; background-image: url(menu-bg.gif); background-repeat: repeat-x; margin-bottom: 10px; float: left; width: 100%; } .highlight { color: #F00; } #wrapper { width: 100%; width: expression((documentElement.clientWidth||document.body.clientWidth)<995?'1000px':''); min-width: 1000px; } #container {width: 100%; } #content { width: 100%; float: left; } #text { margin: 0px 220px; } #left { float: left; width: 200px; margin-left: -100%; vertical-align : top; padding : 10px; padding-top : 0; text-align : left; } #right { float: left; width: 200px; margin-left: -220px; vertical-align : top; padding : 10px; padding-top : 0; text-align : left; }
-
Спасибо всем за ответы! поковырялся с вашим макетом,но так и не въехал,как увеличить ширину левого и правого столбца,зачем 3(w1-w3) блока,в общем абсолютно не понял,как и что там)) а что скажите про такую верстку <html> <body> <div id="wrapper"> <div id="header"></div> <div id="container"> <div id="content"> <div id="text"> </div> </div> <div id="left"></div> <div id="right"></div> <div class="clear"></div> </div> <div id="footer"></div> </div> </body> </html> #wrapper { width: 100%; width: expression((documentElement.clientWidth||document.body.clientWidth)<995?'1000px':''); min-width: 1000px; } #container {width: 100%;} #content { width: 100%; float: left; } #text {margin: 0 250px;} #left { float: left; width: 250px; margin-left: -100%; } #right { float: left; width: 250px; margin-left: -250px; } вроде те же яйца,но тут нету тех 3 блоков и можете объяснить,почему если #text увеличить маргин с 250 например на 300+,то блок сужается и слева и справа,а нетолько с права,ведь margin:0 250px(250-это же отступ справа)
-
psywalker а чем ваш код отличается от моего,не существенно,вроде все тоже самое,а мне хотелось бы понять:
-
мб ктонить еще отписаться,какую верстку лучше применять в данном случае,модератор по делу так ничего и не ответил,можно больше конкретики?
-
psywalker можно по подробнее? какими методами правильнее будет располагать блоки? например,этот код приемлем или бред полный? <div id="wrapper"> <div id="header"></div> <div id="nav"></div> <div id="leftcolum"> <jdoc:include type="modules" name="left" style="xhtml" /> //модуль joomla </div> <div id="rightcolum"> <jdoc:include type="modules" name="right" style="xhtml" /> //модуль joomla </div> <div id="content"> <jdoc:include type="component" /> //модуль joomla </div> <div id="hfooter"></div> </div> <div id="footer"></div> #wrapper { background-color: #0FC; min-width: 1000px; min-height:100%; margin: 0px; padding: 0px; width: 100%; } #header { height: 132px; width: 100%; margin: 0px; padding: 0px; min-width: 1000px; } #nav { height: 30px; margin-bottom: 50px; } #leftcolum { float: left; width: 220px; margin: 0px 10px 10px 10px; } #rightcolum { width: 220px; float: right; margin: 0px 10px 10px 10px; overflow: hidden; } #content { margin: 9px 250px 10px 250px; border: solid 1px; } #hfooter { height: 105px; clear: both; width: 100%; } #footer { height: 100px; width: 100%; margin-top: -101px; border-top: solid 1px; border-color: #039; min-width: 1000px; }
-
Добрый день! Подскажите,как лучше реализовать верстку резинового макета-позиционированием,плавающими блоками,отрицательным маргином или же еще как можно? нужно: хедер(ширина 100%) верхнее меню(ширина 100%) лколонка(ширина 200пх)+контент(резина)+рколонка(200пх) футер(ширина 100%)
-
почему center нельзя тоже флоат задать?и еще подскажите,у меня почему-то в опере между центром и райтом зазор в 3пх примерно,хотя маргин/пддинг 0 везде поставил,где токо можно,в ие норм отображается,правда у меня центр прижат к лефту флоатом