Forum PHP.pl > Jak rozciagnąć diva

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML

Bastion

15.02.2006, 19:28:26

http://www.vertis.com.pl/w002/

chodzi o diva <b> -tutaj- </b> jak go rozciagnac na calkowitą wysokość strony ?

Kod

#column_right {
display: block;
background: #f0f0f0;
height: 100%;
width: 120px;
float: left;
margin: 3px 3px 10px 3px;
}

dodatkowo chcialbym sie dowiedziec czy uzylem czegos niedozwolnego w formatce newsa

Kod

{@list(wiadomosci)}

<div class="news_block">
<div class="news_line"></div>
    <a class="news_link" href="index.php?action=read&id={wiadomosci[id]}">{wiadomosci[topic]}</a> ,
    <span class="news_author"> {wiadomosci[author]} </span><br />
    <span class="news_date"> {wiadomosci[date]} </span><br /><br />
    <span class="news_content"> {wiadomosci[short_news]} </span><br />
    {@if(wiadomosci[long_enable])}
    <div class="news_ender">
     wiecej
    </div>
    {@fi}
</div>
<div class="news_block_end">Komentarze (0)</div>

{@end}

Marusz

17.02.2006, 12:49:51

Pozwol, ze doczepie sie do Twojego posta. Interesuje mnie dokladnie to samo zagadnienie. Przygotowalem nawet obrazek...

Opis:
Blok czerwony jest zapelniany tekstem i automatycznie wydluza sie od ilosci zapisanych znakow.

Pytanie:
Jak zrobic, aby bloki zielony i niebieski niezaleznie od zawartosci automatycznie wyrownywaly sie z dolna krawedzia bloku czerwonego? Jedyna odpowiedz jaka znalazlem, to JavaScript. Z racji oczywistych to rozwiazanie nie wchodzi w gre.

crash

17.02.2006, 12:56:59

Ostatnio czytałem przy okazji XHTML'a o DIV'ach i z tego co wyczytałem wynika, że nie da się rozciągnąć DIV'a do określonej wysokości nie dając w nim jakiejś treści, która by go wydłużyła. To jest jedna z większych wad w porównaniu div'ów tabelami.

mike

17.02.2006, 13:00:53

Dokłanie jest to wada bloków, która mi sen z powiek spędza.
Można to zrobić o ile kontener miałby określoną wysokość to wtedy wystarczyłoby height=100%. Z wiadomych powodów jest to bez sensu.

Tutaj XHTML daje ciała i tabelki są lepsze

(wiem, herezja, ale tak jest :/)

revyag

17.02.2006, 13:03:52

Cytat(Marusz @ 2006-02-17 12:49:51)

Pytanie:
Jak zrobic, aby bloki zielony i niebieski niezaleznie od zawartosci automatycznie wyrownywaly sie z dolna krawedzia bloku czerwonego? Jedyna odpowiedz jaka znalazlem, to JavaScript. Z racji oczywistych to rozwiazanie nie wchodzi w gre.

Jeśli chodzi Ci tylko o dopasowanie wielkości bloków to najlepiej jest skorzystać z rozwiązania podanego na:
ala

vieri_pl

17.02.2006, 13:26:17

ale jakie tam sa rozwiazania bo za chiny nie moge zrozumiec tamtego tekstu :/

revyag

17.02.2006, 13:32:38

Załóżmy że masz 3 bloki o ustalonej szerokości.
1. Zamykasz je w jednym kontenerze
2. Tworzysz obrazek o wysokości 1px i szerokości równej sumie szerokści trzech bloków.
3. Na obrazku malujesz tło dla tych 3 bloków, czyli np. 100px czerwonego, 200px niebieskiego i 100px zielonego.
3. Wstawiasz obrazek jako background-image i gotowe.

Kod

div#kontener {
    width: suma_szerokosci_trzech_bloków;
    background-image:obrazek.jpg
    background-repeat: repeat-y;
}

vieri_pl

17.02.2006, 13:35:24

nic dodac nic ując

Wszystko pięknie działa

Trzeba tylko pamietac że jak strona ma mieć obramowanie (cała strona) dobrze by było zrobic obrazek o 2 piksele węższy

By było miejsce na ten 1 piksel z jednej i drugiej strony

Pozdro revyag !

Termit_

18.02.2006, 14:04:39

Cytat

Tutaj XHTML daje ciała i tabelki są lepsze

O Elbereth, Gilthoniel!
A kto Ci broni tworzyć designy oparte na tabelach w XHTML-u czy odwrotnie – stosowanie divciaków w HTML-u? Takie porównanie ma tyle sensu, co stwierdzenie, iż każdy muzułmanin jest terrorystą...

Na obronę divciaków dodam jeszcze, iż w CSS 2.1 (bo to, że kolumny mają mieć równe wysokości nie ma przecież nic wspólnego ze strukturą, a tylko z prezentacją) są dla tego przewidziane wartości dla atrybutu display, tylko, oczywiście, badzIEwie tego nie rozumie. Więcej...

y3ti

19.02.2006, 12:21:51

Sam sie glowilem i dzieki pomocy kolegi mam rozwiazania:

http://positioniseverything.net/articles/o...out/equalheight

A tu jak mowi jeszcze jedno "podobno lepsze"

http://alistapart.com/articles/holygrail

sztosz

19.02.2006, 18:41:36

HolyGrail wymiata, ale jest sporo kłopotów w Operze 8

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.