CSS
7 отговора
312 прегледа
CSS
Имам 3 diva
Не ги обединява общ.
Единия е float-нат в ляво, другия в дясно, а третия е м/у тях.
Има ли начин да се окаже по някакъв начин височините им да са еднакви - да се ръководи от височината на най-високия от тях (не 100% от страницата, защото има и хедер).
Ето го и CSS-са:
#left {
float: left;
width: 174px;
background-color: #F5F2EB;
}
#right {
float: right;
width: 175px;
background-color: #F5F2EB;
}
#inside {
margin: 0 175px 0 174px;
text-align: left;
background-color: #FFFFFF;
}
/////// html.... /////
<div id="left">bla</div>
<div id="right">mlq</div>
<div id="inside">bla</div>
Предполагам, че с този подход, който съм започнал няма как да стане. Но знае ли човек - с ЦСС чудеса се правят.
Не ги обединява общ.
Единия е float-нат в ляво, другия в дясно, а третия е м/у тях.
Има ли начин да се окаже по някакъв начин височините им да са еднакви - да се ръководи от височината на най-високия от тях (не 100% от страницата, защото има и хедер).
Ето го и CSS-са:
#left {
float: left;
width: 174px;
background-color: #F5F2EB;
}
#right {
float: right;
width: 175px;
background-color: #F5F2EB;
}
#inside {
margin: 0 175px 0 174px;
text-align: left;
background-color: #FFFFFF;
}
/////// html.... /////
<div id="left">bla</div>
<div id="right">mlq</div>
<div id="inside">bla</div>
Предполагам, че с този подход, който съм започнал няма как да стане. Но знае ли човек - с ЦСС чудеса се правят.
Ми...
сложи ги в един DIV който да има зададена височина и вътрешните ги избичи на 100%
Like that:
There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.
Like that:
#left {
float: left;
width: 174px;
background-color: #F5F2EB;
height: 100%;
}
#right {
float: right;
width: 175px;
background-color: #F5F2EB;
height: 100%;
}
#inside {
margin: 0 175px 0 174px;
text-align: left;
background-color: #FFFFFF;
height: 100%;
}
#outside { height: 50%; width: 100%; }
<div id="outside">
<div id="left">bla</div>
<div id="right">mlq</div>
<div id="inside">bla</div>
</div>
There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.
Re: Ми...
Не става. На всичкото отгоре и IE слага на #inside някъде маргин в повече с 2 px в ляво и дясно
Re: Ми...
И това с маргините се получава, когато му се зададе на вътршния някаква височина, иначе не показва такъв "дефект" 
Така...
по-добре ли се вижда?
[линк]
Разкарах секви марджини, ама мое и да не съм разбрал кво искаш да направиш.
There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.
[линк]
Разкарах секви марджини, ама мое и да не съм разбрал кво искаш да направиш.
There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.
Re: Така...
Интересно. В твоят вариянт става в моя не.
Проблема къде бил :)
Dreamweavera ми слага в началото
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"[линк]">
И след като го махнах, нещата потръгнаха.
Но пак в IE си слага от двете страни на #inside по 2-3 px.
А пък и това с указването на вънщния див да е % не ми върши работа.
Мерси все пак за помоща.
Проблема къде бил :)
Dreamweavera ми слага в началото
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"[линк]">
И след като го махнах, нещата потръгнаха.
Но пак в IE си слага от двете страни на #inside по 2-3 px.
А пък и това с указването на вънщния див да е % не ми върши работа.
Мерси все пак за помоща.
Сети се...
да го зададеш в пиксели ли? 
There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.
There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.