X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Как решается эта проблема?
Semenovich
Semenovich
Topic Starter сообщение 2.2.2011, 1:51; Ответить: Semenovich
Сообщение #1


Указал ширину блоков в процентах, однако видно что два блока шире других пиксела на 2-4. Уменьшать на 1% еще хуже. Как подогнать в данной ситуации ширину этих блоков?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
M-edve-D
M-edve-D
сообщение 2.2.2011, 1:55; Ответить: M-edve-D
Сообщение #2


(Semenovich @ 2.2.2011, 03:51) *
Указал ширину блоков в процентах, однако видно что два блока шире других пиксела на 2-4. Уменьшать на 1% еще хуже. Как подогнать в данной ситуации ширину этих блоков?


а код можно посмотреть?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Semenovich
Semenovich
Topic Starter сообщение 2.2.2011, 1:58; Ответить: 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
alexdrob
сообщение 2.2.2011, 2:12; Ответить: alexdrob
Сообщение #4


Ещё бы написали каких блоков ширина не совпадает
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Semenovich
Semenovich
Topic Starter сообщение 2.2.2011, 3:01; Ответить: Semenovich
Сообщение #5


(alexdrob @ 2.2.2011, 04:12) *
Ещё бы написали каких блоков ширина не совпадает

260 261 331. 260 и 331 получаются больше. Особенно удивляет 260 и 261 - они отталкиваются абсолютно от одинаковой точки, которая выставляется от левого края.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
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
Semenovich
Topic Starter сообщение 2.2.2011, 9:51; Ответить: Semenovich
Сообщение #7


(alexdrob @ 2.2.2011, 06:41) *
260 относительно 261 - у вас паддинг = 1 пиксель, то есть со всех сторон 1 пиксель добавится, и того слева и права будут 2 лишних пикселя.
331 маргины левый и правый заданны, вот он тоже больше по этому.

Дело в том что когда у вас экран 1024 точки шириной, и вы укажете 100% то блок будет 1024 пикселя.
Но если вы укажите padding: 3px; то блок станет 3px + 1024px + 3px на 6 пикселей шире
точно так же border или margin увеличит размер.

Обнулить падинг?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
FightInGlory
FightInGlory
сообщение 2.2.2011, 11:20; Ответить: FightInGlory
Сообщение #8


Установите себе FireBug он покажет вам в каком блоке, какая ширина и из-за чего.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
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


 



RSS Текстовая версия Сейчас: 23.4.2024, 22:18
Дизайн