Много интересен проблем с CSS

E

emagi

Registered
Имам следният DIV:
#reg_text {
position:absolute;
width:989px;
height:300px;
margin-top:200px;
margin-left:5px;
border:solid 1px red;
padding:15px;
}
Увеличете...

,който от своч страна е вложен в главния:
@charset "utf-8";
/* CSS Document */
body {
background:#414141;
}
* {
margin:0;
padding:0;
}
#main {
margin:0 auto;
width:1000px;
height:1140px;
}
Увеличете...
и интересното, е че когато пиша някакъв текст в reg_text div-a,и променям padding-a не указва влияние на текста вътре в div-a, a на самия див.Той променя своята големина!До сега не ми се е случвало такова нещо.След като променя по принцип падинга, трябва да се промени разтоянието от "стената на див-а до самия текст,като самия див си остава в съшите размери.Сега е нещо уникално, пак се променя разтоянието между текста и "стената" на див, но див мени своя размер!
Защо е така?
Ето за какво говоря:тук с padding:15px;, и е ето тук без padding
 
ами отговора е мн прост от височината и вирината вадиш сбора падинга.

width:100px; height:100px;


padding: 10px; = padding:10px 10px 10px 10px;


става така -> width:80px; height:80px;
 
смисъл?
padding e разтоянието между рамката и съдържанието на елемента
 
shterev каза:
ами отговора е мн прост от височината и вирината вадиш сбора падинга.

width:100px; height:100px;


padding: 10px; = padding:10px 10px 10px 10px;


става така -> width:80px; height:80px;
Увеличете...
Аве стига глупости!Какви ги пишеш?
 
в смисъл , колкото падинг добавяш за една страна(лявата примерно) толкова вадиш от съответната стойност( сега от width)
 
shterev каза:
в смисъл , колкото падинг добавяш за една страна(лявата примерно) толкова вадиш от съответната стойност( сега от width)
Увеличете...
Няма нищо общо,това сефте го чувам!До сега ако задам на даден DIV:
Код: 
padding:15px;
ми отдалечава от 4-те страни с 15 пиксела ,просто го сбива.Но да вадиш от ширината падинга, това са пълни глупости
 
Само недей така! Че мн ме нервят такива като теб , ти гледаш да му помогнеш той ти се звери на среща!!!

position:absolute;
width:989px;
height:300px;
margin-top:200px;
margin-left:5px;
border:solid 1px red;
padding:15px;


position:absolute;
width:959px;
height:270px;
margin-top:200px;
margin-left:5px;
border:solid 1px red;
padding:15px;
 
shterev каза:
Само недей така! Че мн ме нервят такива като теб , ти гледаш да му помогнеш той ти се звери на среща!!!

position:absolute;
width:989px;
height:300px;
margin-top:200px;
margin-left:5px;
border:solid 1px red;
padding:15px;


position:absolute;
width:959px;
height:270px;
margin-top:200px;
margin-left:5px;
border:solid 1px red;
padding:15px;
Увеличете...
Не се зверя, но абсолютни глупости ми приказваш сега!Както и да е, имаш право на мнение.Аз не го подкрепям!
 
И е добре да слагаш position:relative; на родителския елемент , ако ,както в твоя случай имаш position:absolute; на дъщерния.
 
Не,не!Има смисъл това, което казваш като се замисля!Но нека да проверя нещо.Виж тук
 
а ве направи ли го както ти го дадох аз ? Направи го и после ще говорим.
 
Досега ползвам ли padding, текста се сбиваше.КОлкото повече padding ползвам, толкова повече ми се сбиваше(е, естетвено че до определени стойности).Сега, реда не помръдва, остава същата дължина.
 
shterev каза:
а ве направи ли го както ти го дадох аз ? Направи го и после ще говорим.
Увеличете...
Да, знам че ще стане.Но мен ме интересува къде е проблема, защото сега за първи път ми се случва това нещо! Досега винаги както ти казвах става, но сега от къде изниквна този проблем!
 
ами това става така , защото имаш да речем една ширина 100пк , като добавиш падин от дясно(или ляво нз) 10пк да речем общата дължина става 110пк, затова ако добавяш 10 само от 100 вадиш 10 (90пк) и общата им стйност става 100пк. А може да имаш и понякога проблем при ИЕ6 , с това , той е друг чешит, иска да има 3/4 пк повече , т.е ширината да е не 90 , а 86/87 , за да работи
 
КОЛКОТО padding или margin да слагаш ВАДИШ от дължината или височината зависи какъв е падинга или маргина.
 
Но точно това е padding-a -> разтояние между елементите ВЪТРЕ в DIV-а и самата рамка на DIV.По принцип досега никога при задаване на padding не ми се е отразявало върху големината на самия DIV.Но ако трябва ще направя DIV по-малък, за да избегна от там този padding
 
Винаги се съобразявам с това! И никога не е рабоило както казваш emagi , но може би е възможно ако полваш позивъни, но структурирайки страницата без позивън с флоат само , ще ти се налага да се съобразяваш , както забеляза проблема изчева навсякаде.
Може да не ти се е отразявало , ама може да не си задавал фиксирана ширина или височин , тогава може да стане номера, а и има мн др. възможности.
 
Така,намерих решение, което ме задоволява!Та:
Код: 
* {
margin:0;
padding:0;
}
body {
background:#414141;
}
#main {
margin:0 auto;
width:990px;
padding:0 5px;
height:1140px;
border:solid 1px blue;
}
#reg_text {
height:300px;
margin-top:200px;
border:solid 1px red;
overflow:hidden;
}
ако main e главен див,reg_text е вложен в главния, колкото и padding да сложа на reg_text няма да промени големината на самия DIV-a.
Все пак точката си я получаваш :?: shterev.Все пак благодаря за отделеното време!
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе