Помощник
|
Как решается эта проблема? |
Semenovich
|
Сообщение
#1
|
||
|
|
||
|
|||
M-edve-D |
2.2.2011, 1:55;
Ответить: M-edve-D
Сообщение
#2
|
|
|
|
|
Semenovich
|
Сообщение
#3
|
|
не думаю что это чем-то может помочь прояснить ситуацию.[CSS]* {
margin: 0; padding: 0; } html { height: 100%; } .tecst_1_a {font-weight: bold;} .tecst_m {font-weight: lighter; lighter;font-size: 11pt; font-family: " Monotype Corsiva"; font-style:italic; color: saddlebrown;} .tecst {font-family: " Arial Narrow"; color: rgb(139, 69, 19);font-style:normal; font-size: 12pt;} .tecst_g {font-family:" Monotype Corsiva"; font-style:italic; color: rgb(139, 69, 19); font-size: 18pt;} .tecst_m_1 {font-weight: lighter; font-size: 11pt; font-family: " Monotype Corsiva"; font-style: inherit; color: saddlebrown;} img { border: none; } input { vertical-align: middle; } #wrapper { width: 1000px; min-width: 100%; min-height: 100%; height: auto !important; height: 100%; } /* Header -----------------------------------------------------------------------------*/ #header { height: 270px; background: #FFE680; } #menu_v {float:left; width:250px; height:240px; margin-top:10px; margin-left:14px; margin-right:3px;border:solid 2px #99634D; padding-top:10px;} #menu_v_1 {width:220px; height:40px; margin:0px; border:solid 1px #99634D; padding:1px;} #menu_v_2 {width:220px; height:40px; margin:0px; margin-top:2px; border:solid 1px #99634D; padding:1px;} #menu_v_3 {width:220px; height:40px; margin:0px; margin-top:2px;border:solid 1px #99634D; padding:1px;} #menu_v_4 {width:220px; height:40px; margin:0px; margin-top:2px; border:solid 1px #99634D; padding:1px;} #menu_v_5 {width:220px; height:40px; margin:0px; margin-top:2px;border:solid 1px #99634D; padding:1px;} /*---------------------------------------------------------------------------------*/ ul#cssmenu { width:350px; margin: 0; border: 0 none; padding: 0; list-style: none; background: #003366; height: 30px; font: bold 12px/28px Verdana, Arial; border-left:#003366 1px solid; } ul#cssmenu li { margin: 0; border: 0 none; padding: 0; float: left; display: inline; list-style: none; position: relative; height: 30px; } ul#cssmenu ul { margin: 0; border: 0 none; padding: 0; width: 160px; list-style: none; display: none; position: absolute; top: 30px; left: 0; } ul#cssmenu ul:after { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } ul#cssmenu ul li { width: 170px; float: left; display: block !important; display: inline; } /* Main Menu */ ul#cssmenu a { border: 0px; padding: 0 10px; float: none !important; float: left; display: block; background: #003366; color: #FFFFFF; font: bold 12px/28px Verdana, Arial; text-decoration: none; height: auto !important; height: 1%; } /* Main Menu Hover */ ul#cssmenu a:hover, ul#cssmenu li:hover a, ul#cssmenu li.iehover a { background: #FFFFFF; color:#003366; border-top:#003366 1px solid; } /* Second Menu */ ul#cssmenu li:hover li a, ul#cssmenu li.iehover li a { border-top: 2px solid #FFFFFF; float: none; background: #003366; color: #FFFFFF; } /* Second Menu Hover */ ul#cssmenu li:hover li a:hover, ul#cssmenu li:hover li:hover a, ul#cssmenu li.iehover li a:hover, ul#cssmenu li.iehover li.iehover a { border-top: 2px solid #FFFFFF; background: #FFFFFF; color:#003366; border:#003366 1px solid; } ul#cssmenu ul ul { display: none; position: absolute; top: 0; left: 170px; } ul#cssmenu li:hover ul ul, ul#cssmenu li.iehover ul ul { display: none; } ul#cssmenu li:hover ul, ul#cssmenu ul li:hover ul, ul#cssmenu li.iehover ul, ul#cssmenu ul li.iehover ul { display: block; } /*----------------------------------------------------------------------------*/ ul#navmenu-v, ul#navmenu-v li, ul#navmenu-v ul { margin: 0px; border: 0 none; padding: 0; width: 160px; list-style: none; } ul#navmenu-v:after { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } ul#navmenu-v li { float: left; display: block !important; display: inline; position: relative; border:#003366 1px solid; } ul#navmenu-v li ul li { border:none; border-bottom:#FFFFFF 2px solid; } /* Root Menu */ ul#navmenu-v a { padding: 0 6px; display: block; background: #003366; color: #FFFFFF; font: bold 12px/28px Verdana, Arial; text-decoration: none; height: auto !important; height: 1%; } ul#navmenu-v a:hover, ul#navmenu-v li:hover a, ul#navmenu-v li.iehover a { background: #FFFFFF; color: #000000; } /* 2nd Menu */ ul#navmenu-v li:hover li a, ul#navmenu-v li.iehover li a { background: #003366; color: #FFFFFF; border:#003366 1px solid; } ul#navmenu-v li:hover li a:hover, ul#navmenu-v li:hover li:hover a, ul#navmenu-v li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover a { background: #FFFFFF; color: #003366; border:#003366 1px solid; } ul#navmenu-v ul, ul#navmenu-v ul ul, ul#navmenu-v ul ul ul { display: none; position: absolute; top: 0; left: 161px; } ul#navmenu-v li:hover ul ul, ul#navmenu-v li:hover ul ul ul, ul#navmenu-v li.iehover ul ul, ul#navmenu-v li.iehover ul ul ul { display: none; } ul#navmenu-v li:hover ul, ul#navmenu-v ul li:hover ul, ul#navmenu-v ul ul li:hover ul, ul#navmenu-v li.iehover ul, ul#navmenu-v ul li.iehover ul, ul#navmenu-v ul ul li.iehover ul { display: block; } #glafc {float:left; width:78%; height:180px; margin-top:10px; margin-left:6px; margin-right:10px;border:solid 2px #99634D; padding:1px; margin-right: -100%;} #glafc_1{float:left; width:78%; height:60px; margin-top:198px; margin-left:6px; margin-right:10px;border:solid 2px #99634D; padding-top:1px; margin-right: -100%;} #menu_g {float:right; width:351px; height:40px; margin-top:10px; margin-left:6px; margin-right:10px;border:solid 1px #99634D; padding:1px; padding-left:30px; padding-right:30px; z-index:auto;} /* Middle -----------------------------------------------------------------------------*/ #middle { width: 100%; padding: 0 0 60px; height: 1%; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { width: 100%; float: left; } #content { margin-top:10px; margin-bottom:3px; padding-right:20px; padding-left:20px; padding-top:2px; border:solid 2px #99634D; width:75%; height:808px; margin-left:277px; margin-right: 100%; } /* Sidebar Left -----------------------------------------------------------------------------*/ #sideLeft { float: left; width: 276px; margin-left: -100%; background: #fff; } #sideLeft_w { float: left; width: 250px; height:388px; margin-top:10px; margin-left:14px; margin-right:3px;border:solid 2px #99634D; padding-top:10px; background: #fff; } #sideLeft_n { float: left; width: 250px; height:388px; margin-top:10px; margin-left:14px; margin-right:3px;border:solid 2px #99634D; padding-top:10px; margin-bottom:10px; background: #fff; } /* Footer -----------------------------------------------------------------------------*/ #footer { margin: -60px auto 0; min-width: 1000px; height: 60px; min-height:30%; background: #BFF08E; } #footer_1 {float: left; margin-top:5px; margin-left:14px; margin-right:3px;border:solid 2px #99634D; padding-top:2px; margin-bottom:5px; min-width:98%; height: 46px; background: #; margin-right: 100%; } [/CSS] |
|
|
alexdrob |
2.2.2011, 2:12;
Ответить: alexdrob
Сообщение
#4
|
|
Ещё бы написали каких блоков ширина не совпадает
|
|
|
Semenovich
|
Сообщение
#5
|
|
|
|
|
alexdrob |
2.2.2011, 4:41;
Ответить: alexdrob
Сообщение
#6
|
|
260 относительно 261 - у вас паддинг = 1 пиксель, то есть со всех сторон 1 пиксель добавится, и того слева и права будут 2 лишних пикселя.
331 маргины левый и правый заданны, вот он тоже больше по этому. Дело в том что когда у вас экран 1024 точки шириной, и вы укажете 100% то блок будет 1024 пикселя. Но если вы укажите padding: 3px; то блок станет 3px + 1024px + 3px на 6 пикселей шире точно так же border или margin увеличит размер. |
|
|
Semenovich
|
Сообщение
#7
|
|
260 относительно 261 - у вас паддинг = 1 пиксель, то есть со всех сторон 1 пиксель добавится, и того слева и права будут 2 лишних пикселя. 331 маргины левый и правый заданны, вот он тоже больше по этому. Дело в том что когда у вас экран 1024 точки шириной, и вы укажете 100% то блок будет 1024 пикселя. Но если вы укажите padding: 3px; то блок станет 3px + 1024px + 3px на 6 пикселей шире точно так же border или margin увеличит размер. Обнулить падинг? |
|
|
FightInGlory |
2.2.2011, 11:20;
Ответить: FightInGlory
Сообщение
#8
|
|
|
Установите себе FireBug он покажет вам в каком блоке, какая ширина и из-за чего.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Как вы отдыхаете от работы за компом | 151 | adw-kupon.ru | 19812 | Сегодня, 13:52 автор: Vmir |
|
Как вы бросили работу и перешли на заработок с сайтов? | 20 | uahomka | 3444 | Сегодня, 11:54 автор: Skyworker |
|
Как в пушсетках покупают по 100-200 тысяч кликов за день? | 1 | Boymaster | 511 | Сегодня, 11:45 автор: Skyworker |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 30 | freeax | 5006 | 20.4.2024, 16:49 автор: Liudmila |
|
Арбитражники, как ведете учет расходов и доходов? | 13 | Boymaster | 2018 | 20.4.2024, 15:06 автор: Boymaster |
Текстовая версия | Сейчас: 23.4.2024, 22:18 |