BG Development Форуми -> Много интересен CSS проблем

BG Development · За реклама · За контакти

Помощ

Търсене

Потребители

Календар

Правила

Здравей! ( Включване | Регистриране )

BG Development Форуми -> Програмиране -> HTML/CSS/JavaScript/VBScript

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

Абонирай се за темата | Изпрати адреса на темата на приятел | Принтирай темата

emagi

Публикувано на: 15-07-2008, 15:48

Име:
Група: Потребител
Ранг: Редовен член

Мнения: 565
Регистриран на: 12.03.07

Имам следният DIV:

QUOTE

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

,който от своч страна е вложен в главния:

QUOTE

@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

Това мнение е било редактирано от emagi на 15-07-2008, 16:11

ici	Публикувано на: 15-07-2008, 16:17
Име: Ивайло Илчев Група: VIP Ранг: Почетен член Мнения: 19077 Регистриран на: 06.06.04	Това което си мислиш че е нормално поведение всъщност е бъг -------------------- Facebook is a bit like checking your underwear after a fart. Most likely there's nothing new and if there is it's probably shit.

emagi	Публикувано на: 15-07-2008, 16:21
Име: Група: Потребител Ранг: Редовен член Мнения: 565 Регистриран на: 12.03.07	@Ici, там е проблем че не е само IE-то, a и на Mozilla Firefox ми прави същия проблем!

ici

Публикувано на: 15-07-2008, 16:48

Име: Ивайло Илчев
Група: VIP
Ранг: Почетен член

Мнения: 19077
Регистриран на: 06.06.04

QUOTE (emagi @ 15-07-2008, 17:21)

@Ici, там е проблем че не е само IE-то, a и на Mozilla Firefox ми прави същия проблем!

Продължавай да четеш, width: е широчината на съдържанието
user posted image

--------------------

Facebook is a bit like checking your underwear after a fart.
Most likely there's nothing new and if there is it's probably shit.

emagi

Публикувано на: 15-07-2008, 16:55

Име:
Група: Потребител
Ранг: Редовен член

Мнения: 565
Регистриран на: 12.03.07

QUOTE (ici @ 15-07-2008, 16:48)

QUOTE (emagi @ 15-07-2008, 17:21)

@Ici, там е проблем че не е само IE-то, a и на Mozilla Firefox ми прави същия проблем!

Продължавай да четеш, width: е широчината на съдържанието
user posted image

Е,добре!Съдържанието е текст,който не е с фиксирана дължина или ширина!Точно това ме интересува.Като приложа padding върху текста, не трябва ли тчоно този padding da повлие върху дължината и широчината на текста, а не на ширината и височината на DIV-a, в който е вложен текста?

Това мнение е било редактирано от emagi на 15-07-2008, 16:58

ici

Публикувано на: 15-07-2008, 17:02

Име: Ивайло Илчев
Група: VIP
Ранг: Почетен член

Мнения: 19077
Регистриран на: 06.06.04

Ами приложи го, върху текста

CODE

#main {
margin:0;
padding:0;
width:1000px;
height:1140px;
overflow:auto;
}

#main * {
margin:0 auto;
width:900px;
padding:50px;
}

CODE

--------------------

Facebook is a bit like checking your underwear after a fart.
Most likely there's nothing new and if there is it's probably shit.

hifi_xtris

Публикувано на: 15-07-2008, 17:52

Име: Н.М.
Група: Потребител
Ранг: Почетен член

Мнения: 2309
Регистриран на: 30.12.04

emagi

във див със

CODE

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

крайния резултат винаги ще е width: 989px + 15px отляво + 15рх отдясно + 1рх бордер отляво + 1 рх отдясно. за височината сам можеш да сметнеш.Само ИЕ има някои други размери при някой случаи който немога дати покажа понеже са някаде из pdf-фите или chm-тата които имам на РС-то, и незнам точно кой е вече.

--------------------

Me on Google Play
NDesing Style - по - добрият стил
my car

Muaddib

Публикувано на: 16-07-2008, 03:46

Име:
Група: Потребител
Ранг: Активен

Мнения: 232
Регистриран на: 20.10.05

Хм аз и тъй не разбрах защо въобще ти трябва абсолютна позиция????

QUOTE

* {
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;
}

Сега вече си слагай какъвто искаш падинг на #reg_text отляво и дясно !

работи във всички браузъри .Хубавите неща винаги са прости!
p.s. Ако нямаш някаква явна причина никога не сменяй позиционирането. Също така не виждам смисъл и от височината която задаваш остави съдържанието да е определя така не рискуваш съдържанието да излезе от контейнера ако се окаже в повече.Надявам се да съм ти помогнал ....

Това мнение е било редактирано от Muaddib на 16-07-2008, 04:07

--------------------

GIMP ! This is open source baby!

emagi

Публикувано на: 16-07-2008, 10:38

Име:
Група: Потребител
Ранг: Редовен член

Мнения: 565
Регистриран на: 12.03.07

QUOTE (Muaddib @ 16-07-2008, 03:46)

Хм аз и тъй не разбрах защо въобще ти трябва абсолютна позиция????

QUOTE

Сега вече си слагай какъвто искаш падинг на #reg_text отляво и дясно !

Точно това ми трябваше.Благодаря ти много!

0 потребители преглеждат тази тема в момента (0 гости, 0 анонимни потребители)

Потребители, преглеждащи темата в момента:

« Предишна тема | HTML/CSS/JavaScript/VBScript | Следваща тема »

BG Development Форуми -> Програмиране -> HTML/CSS/JavaScript/VBScript