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

[emagi]

Имам следният 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

 

[shterev]

ами отговора е мн прост от височината и вирината вадиш сбора падинга.

width:100px; height:100px;


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


става така -> width:80px; height:80px;

 

[emagi]

смисъл?
padding e разтоянието между рамката и съдържанието на елемента

 

[emagi]

ами отговора е мн прост от височината и вирината вадиш сбора падинга.

width:100px; height:100px;


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


става така -> width:80px; height:80px;

Аве стига глупости!Какви ги пишеш?

 

[shterev]

в смисъл , колкото падинг добавяш за една страна(лявата примерно) толкова вадиш от съответната стойност( сега от width)

 

[emagi]

в смисъл , колкото падинг добавяш за една страна(лявата примерно) толкова вадиш от съответната стойност( сега от width)

Няма нищо общо,това сефте го чувам!До сега ако задам на даден DIV:

padding:15px;

ми отдалечава от 4-те страни с 15 пиксела ,просто го сбива.Но да вадиш от ширината падинга, това са пълни глупости

 

[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;

 

[emagi]

Само недей така! Че мн ме нервят такива като теб , ти гледаш да му помогнеш той ти се звери на среща!!!

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:relative; на родителския елемент , ако ,както в твоя случай имаш position:absolute; на дъщерния.

 

[shterev]

И защо мислиш че са глупости?

 

[emagi]

Не,не!Има смисъл това, което казваш като се замисля!Но нека да проверя нещо.Виж тук

 

[shterev]

а ве направи ли го както ти го дадох аз ? Направи го и после ще говорим.

 

[emagi]

Досега ползвам ли padding, текста се сбиваше.КОлкото повече padding ползвам, толкова повече ми се сбиваше(е, естетвено че до определени стойности).Сега, реда не помръдва, остава същата дължина.

 

[emagi]

а ве направи ли го както ти го дадох аз ? Направи го и после ще говорим.

Да, знам че ще стане.Но мен ме интересува къде е проблема, защото сега за първи път ми се случва това нещо! Досега винаги както ти казвах става, но сега от къде изниквна този проблем!

 

[shterev]

ами това става така , защото имаш да речем една ширина 100пк , като добавиш падин от дясно(или ляво нз) 10пк да речем общата дължина става 110пк, затова ако добавяш 10 само от 100 вадиш 10 (90пк) и общата им стйност става 100пк. А може да имаш и понякога проблем при ИЕ6 , с това , той е друг чешит, иска да има 3/4 пк повече , т.е ширината да е не 90 , а 86/87 , за да работи

 

[miro91]

КОЛКОТО padding или margin да слагаш ВАДИШ от дължината или височината зависи какъв е падинга или маргина.

 

[emagi]

Но точно това е padding-a -> разтояние между елементите ВЪТРЕ в DIV-а и самата рамка на DIV.По принцип досега никога при задаване на padding не ми се е отразявало върху големината на самия DIV.Но ако трябва ще направя DIV по-малък, за да избегна от там този padding

 

[shterev]

Винаги се съобразявам с това! И никога не е рабоило както казваш emagi , но може би е възможно ако полваш позивъни, но структурирайки страницата без позивън с флоат само , ще ти се налага да се съобразяваш , както забеляза проблема изчева навсякаде.
Може да не ти се е отразявало , ама може да не си задавал фиксирана ширина или височин , тогава може да стане номера, а и има мн др. възможности.

 

[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.Все пак благодаря за отделеното време!