CSS

7 отговора 312 прегледа
#1

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>

Предполагам, че с този подход, който съм започнал няма как да стане. Но знае ли човек - с ЦСС чудеса се правят.

Отговор
в отговор на neven #2

Ми...

сложи ги в един DIV който да има зададена височина и вътрешните ги избичи на 100%

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.
Отговор
в отговор на Koтapakът нa Шpьoдинrep #3

Re: Ми...

Не става. На всичкото отгоре и IE слага на #inside някъде маргин в повече с 2 px в ляво и дясно

Отговор
в отговор на neven #4

Re: Ми...

И това с маргините се получава, когато му се зададе на вътршния някаква височина, иначе не показва такъв "дефект"

Отговор
в отговор на neven #5

Така...

по-добре ли се вижда?

[линк]

Разкарах секви марджини, ама мое и да не съм разбрал кво искаш да направиш.

There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.
Отговор
в отговор на Koтapakът нa Шpьoдинrep #6

Re: Така...

Интересно. В твоят вариянт става в моя не.

Проблема къде бил :)

Dreamweavera ми слага в началото
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"[линк]">

И след като го махнах, нещата потръгнаха.
Но пак в IE си слага от двете страни на #inside по 2-3 px.

А пък и това с указването на вънщния див да е % не ми върши работа.
Мерси все пак за помоща.

Отговор
в отговор на neven #7

Re: Така...

Всъщност свърши ми работа :)

Отговор
в отговор на neven #8

Сети се...

да го зададеш в пиксели ли?

There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.
Отговор