Помощник
|
Проблема с выравниванием |
method_hb
|
Сообщение
#1
|
||
|
|
||
|
|||
Webmaster_hb |
20.3.2009, 0:15;
Ответить: Webmaster_hb
Сообщение
#2
|
|
весь код пожалуйста
|
|
|
method_hb
|
Сообщение
#3
|
|
Html код:
<body> <div class="container"> <div class="top"> <div class="logo"></div> <div class="ramka_left"> <div class="text_orange">Описание</div> </div> <div class="text1">Технические характеристики</div> <div class="ramka_grey"> <div class="text_grey">Область применения</div> </div> <div class="text2">+38 050 000 1 000</div> </div> <div class="right"> <div class="ramka_green_verh"></div> <div class="ramka_green"> <div class="text3">Наши контакты: Тел.: +8 (044) 444-65-55 Тел/Факс: +7 (044) 439-22-11 E-mail: buy@device.com.ua </div> </div> <div class="ramka_green_niz"></div> <div class="ramka_orange_verh"></div> <div class="ramka_orange"> <div class="text4"> <a href="#">Как проехать?</a> <br/> <a href="#">Обратная связь</a> </div> </div> <div class="ramka_orange_niz"></div> </div> <div class="line"></div> <div class="text5">Измерение точки росы</div> <div class="content"> <div class="ramka"> <div class="text_ramka">Приборы измерения влажности</div> </div> <div class="main_text"><span class="baykal">БАЙКАЛ-2ВМ</span> <br/> гигрометр кулонометрический стационарный, предназначен для измерений объемной доли влаги в азоте, кислороде, водороде, углекислом газе, воздухе и их смесях, а также в инертных и других газах, не взаимодействующих с фосфорным ангидридом, и представляет собой стационарный прибор непрерывного действия. <p><span class="bold">Диапазоны измерений объемной доли влаги:</span> <br/> 0…1; 1…10; 10…100; 100…1000 млн-1. Основная приведенная погрешность: для области измерений от 0 до 1 млн-1 - не более ± 10 %; для области измерений от 1 до 10 млн-1 - не более ± 4 %; для области измерений от 10 до 100 и от 100 до 1000 млн-1 - не более ± 2,5 %.</p> <p>Измерений от 0 до 1 млн-1 - не более ± 10 %; для области измерений от 1 до 10 млн-1 - не более ± 4 %; для области измерений от 10 до 100 и от 100 до 1000 млн-1 - не более ± 2,5 %.</p> </div> <div class="pic"><img src="img/pic.gif" /></div> </div> </div> </body> CSS код: [PHP] body {background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px;} .container{margin: 0 0 0 150px;} .top {margin-top: 40px;} .logo {background-image:url(img/logo.gif); width:77px; height:104px; float:left;} .ramka_left {background-image:url(img/ramka_orange.gif); width:113px; height:34px; float:left; margin-left:70px; margin-top:25px;} .text_orange {margin-top:8px; color:#FFFFFF; font-weight:bold; text-align:center;} .text1 {float:left; margin-left:20px; margin-top:33px; font-weight:bold;} .ramka_grey {float:left; background-image:url(img/ramka_grey.gif); width:178px; height:34px; margin-left:20px; margin-top:25px;} .text_grey {font-weight:bold; text-align:center; margin-top:8px;} .text2 {font-weight:bold; margin-left:20px; margin-top:33px; float:left;} .right {float:right; margin-top:50px;} .ramka_green_verh {background-image:url(img/verh_green.gif); width:206px; height:14px;} .ramka_green {background-color:#C4D851; width:203px; margin-left:3px;} .ramka_green_niz {background-image:url(img/niz_green.gif); width:206px; height:14px;} .text3 {margin-left:10px;} .ramka_orange_verh {background-image:url(img/verh_orange.gif); width:206px; height:14px;} .ramka_orange {background-color:#FFA030; width:203px; margin-left:3px;} .ramka_orange_niz {background-image:url(img/niz_orange.gif); width:206px; height:14px;} .text4 {font-weight:bold; color:#FFFFFF; text-align:center;} .line {background-image:url(img/line.gif); width:814px; height:6px; float:left; margin-top:0px; margin-right:30px;} .text5 {float:left;} .content {margin-top:0px; float:left; width:800px; margin-top:30px;} .ramka {background-image:url(img/ramka.gif); width:412px; height:84px; padding-top:5px; background-repeat:no-repeat; float:left;} .text_ramka {text-align:center; font-size:30px; color:#0567C8;} .main_text {text-align:left; width:412px; margin-top:10px; float:left;} .baykal {font-weight:bold; color:#0567C8;} .bold {font-weight:bold;} .pic {width:340px; height:494px; float:right;}[/PHP] |
|
|
method_hb
|
Сообщение
#4
|
|
Проблема в том что div class="ramka" и div class="text ramka"должны быть слева а div class="pic" должен находится справа, но он справа не хочет выравниватся, а выравнивается напротив div class="text ramka" но ниже div class="ramka"
|
|
|
Apay |
20.3.2009, 18:30;
Ответить: Apay
Сообщение
#5
|
|
не забывай в дивах ставить display:block; чтобы они не занимали все по горизонтали
|
|
|
method_hb
|
Сообщение
#6
|
|
поставил дисплей блок, все равно ничего не помогло, может еще есть варианты, наверника же такая проблема как то решается?
|
|
|
Apay |
21.3.2009, 1:02;
Ответить: Apay
Сообщение
#7
|
|
<div class="pic">...</div> надо поставить перед <div class="ramka"><div class="text_ramka">
|
|
|
method_hb
|
Сообщение
#8
|
|
не понял и к чему это приведет?
|
|
|
Apay |
21.3.2009, 16:40;
Ответить: Apay
Сообщение
#9
|
|
|
если я правильно понял, это приведет к желаемому результату, в противном случае (если я неправильно понял проблему), опишите проблему конкретнее
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Проблема с админкой | 5 | Prok | 2334 | 29.7.2019, 20:04 автор: dvakarandasha |
|
Проблема с таблицей, которая выводится через скрипт | 7 | vanchester | 1339 | 15.2.2019, 19:06 автор: Artos_mw |
|
Проблема в тегах при сохранении контента | 1 | Kord18 | 1426 | 13.3.2018, 18:19 автор: Evgeniy3200 |
|
Проблема вёрстки адаптивной страницы на divах | 28 | master-vek | 4716 | 8.2.2018, 19:29 автор: master-vek |
|
Проблема с All in one SEO? | 17 | okseo | 2683 | 30.11.2017, 14:06 автор: okseo |
Текстовая версия | Сейчас: 18.4.2024, 13:46 |