Форуми

Правите див елемент да попуни преостали вертикални простор? (цсс)

флоиде

Оригинални постер
7. априла 2005
Монтерреи Мекицо
  • 27. март 2006
Да ли је могуће?
Имам два дива. Један има фиксну висину и желим да други испуни преостали вертикални простор на прозору. Ако поставим висину последњег дива на 100%, учиниће га истом висином као и прозор, али желим да то буде висина прозора минус висина првог див.

Ово је код који користим:
Шифра: |_+_|
Укључио сам и неке слике које показују шта желим да радим и шта сам до сада могао да радим. Хвала унапред

Прилози

  • ка.гиф ка.гиф'филе-мета'> 2,6 КБ · Прегледи: 10,076
  • кб.гиф кб.гиф'филе-мета'> 3 КБ · Прегледи: 9,950
Н

НоНамеБранд

17. новембар 2005


Халифакс, Канада
  • 27. март 2006
Зашто не угнездити 1. у 2.?

Иначе, не могу да смислим начин на који ћете добити оно што желите.

стевеп

13. октобар 2004
УК
  • 27. март 2006
Мислим да би могло бити да другом слоју не кажете где треба да почне, па се претпоставља да почиње одозго, дакле преклапајући први слој.
Покушати:




Неименован документ










до






б


ц




д


И







пс Варао сам тако што сам то урадио у ДВ-у, додао нешто садржаја у други слој, а затим се петљао са кодом - ДВ воли да ствари имају неке допуне око ивица и иако можете да наведете у дијалозима који желите да слој почети од 0пк од горњег угла, морате то рећи двапут, користећи приказ кода. Ионако сам морао.

флоиде

Оригинални постер
7. априла 2005
Монтерреи Мекицо
  • 27. март 2006
НоНамеБранд је рекао: Зашто не угнездити 1. у 2.?

Иначе, не могу да смислим начин на који ћете добити оно што желите.

Хвала, то функционише визуелно, али други див ће бити контејнер за овај распоред, тако да ми и даље треба да има одговарајуће димензије како би их његов садржај могао наследити.

Па можда то једноставно није могуће? Можда ћу морати да користим мало јавасцрипт-а да би то функционисало?

Стевеп је рекао: Покушајте:
Хвала, али нисам могао да натерам да ради, који претраживач си користио?

флоиде

Оригинални постер
7. априла 2005
Монтерреи Мекицо
  • 27. март 2006
Велика шема ствари

Ок, ево слике мог коначног циља. До сада сам то радио постепено, па је можда проблем мој почетни приступ. Дакле, како бисте приступили овоме (само ми требају идеје)? Да ли бисте користили чисти цсс или бисте се препустили табелама или оквирима?

Прилози

  • гранд_сцхеме.гиф гранд_сцхеме.гиф'филе-мета'> 40,2 КБ · Прегледа: 450

стевеп

13. октобар 2004
УК
  • 27. март 2006
Користио сам Сафари. Копирајте и налепите део кода у текстуалну датотеку – уверите се да има суфикс .хтмл када га сачувате. Затим само превуците нову датотеку у отворени прозор претраживача. Управо сам га тестирао са Фирефок-ом и у реду је - барем мислим да је оно што желите.
Оно са којим се морате поиграти је ово:
#Лаиер1 {
позиција:апсолутна;
лефт:0пк;
топ:0пк;
ширина:100%;
висина:180пк;
з-индекс: 1;
бацкгроунд-цолор: #99ЦЦФФ;
}

Исцртајте своју страницу на комаду папира тако да правилно поставите позиције, а то ће вам дати положај горњег левог угла сваког слоја. Висина слоја 1 ће одредити почетну позицију слоја 2 - у овом случају слој 2 мора имати атоп:180пк;линија кода.
Ако желите 3 слоја као што сте показали у свом последњем посту, онда ће крајњи леви слој бити:
#Лаиер1 {
позиција:апсолутна;
лефт:0пк;
топ:0пк;
видтх:200пк;
висина:100%;
з-индекс: 1;
бацкгроунд-цолор: #336699;
}

а горњи РХ слој ће бити:
#Лаиер1 {
позиција:апсолутна;
лефт:200пк;
топ:0пк;
ширина:100%;
висина:180пк;
з-индекс: 2;
бацкгроунд-цолор: #33ЦЦФФ;
}

а трећи слој за попуњавање преосталог дела прозора (како год да је промењена) требало би да буде нешто попут:
#Лаиер1 {
позиција:апсолутна;
лефт:200пк;
топ:180пк;
ширина:100%;
висина:100%;
з-индекс: 3;
бацкгроунд-цолор: #99ЦЦФФ;
}

Најбоље је ставити неки лажни садржај у сваки слој ако користите Дреамвеавер, у случају да се слој смањи на ништа у приказу странице, отуда и 'а,б,ц итд' у оригиналном хтмл-у изнад.

пс Нисам стручњак, можда грешим, али надам се да ће помоћи. Оно што могу да кажем је да изгледа да мој први део кода функционише. Ја лично не бих угнездио слојеве ако бих могао да помогнем, али то сам само ја - радим само једноставно. Н

НоНамеБранд

17. новембар 2005
Халифакс, Канада
  • 27. март 2006
Шта је ово 'слојевито'? да ли је то у стилу Дреамвеавер-а за 'бреак ствари стварно добро'?

Ево шта бих урадио:
код:
фоо   

ти верујеш!

14. јуна 2003
МД / ВА / ДЦ
  • 27. март 2006
Деконцепт ...

Погледајте ФласхОбјецт и у преузимању се налази код за прављење дива преко целог екрана.. можда се може прилагодити како желите.

хттп://блог.децонцепт.цом/фласхобјецт/

флоиде

Оригинални постер
7. априла 2005
Монтерреи Мекицо
  • 28. март 2006
Хвала вам на помоћи момци, али управо сам схватио да је тачан распоред који желим немогуће постићи комбинацијом фиксних ширина/висина и процената. Преписао сам га користећи само проценте и сада ради. Ако сте заинтересовани за ознаке, јавите ми и ја ћу је објавити.

стевеп

13. октобар 2004
УК
  • 28. март 2006
флоиде је рекао: Ако сте заинтересовани за ознаке, јавите ми и ја ћу је објавити.
Желео бих да погледам ако имате времена да поново објавите.
НоНамеБранд је рекао: Шта су то „слојеви“ ствари? да ли је то у стилу Дреамвеавер-а за 'бреак ствари стварно добро'?
Па, не знам за 'ствари за разбијање', али претпостављам да сте претпоставили да нисам ЦСС бофф - слојеви су згодно име које ДВ даје стварима за које мислим да би требало да се зову 'ЦСС позиционирани елементи' - и Мислим да их тако зову да би се људи попут мене из ДТП / Пхотосхоп позадине осећали мало пријатније. Гледајући код који сте укључили у своју објаву НоНамеБранд много је елегантнији од мог - мораћу да се потрудим да заиста схватим див таг. Хвала на ОП-у и одговорима. Н

НоНамеБранд

17. новембар 2005
Халифакс, Канада
  • 28. март 2006
Стевеп је рекао: Па, ја не знам за 'разбијање ствари', али претпостављам да сте претпоставили да нисам ЦСС бофф - слојеви су згодно име које ДВ даје стварима за које мислим да би требало да се зову 'ЦСС позиционирани елементи '

Такође су на себи имали з-индексе који су нагомилани - који постављају ствари напред-назад на страници. Видео сам ДВ слојеве пре него што су потпуно уништили сајт, али иначе нисам био много изложен њима (то је било довољно, заиста).

Мораћу да добијем убод да заиста прођем кроз див таг.

А је само произвољан блок - не значи ништа семантички, као што је а

ради (параграф текста). Аје иста идеја, али за инлине ствари (као што је а таг, али опет, без семантичког).

Најлакше је да научите ове ствари је да престанете да користите Дреамвеавер. Дизајнирам своје сајтове у Пхотосхоп-у, а затим чувам графичке елементе које желим, заједно са бележењем кодова боја и неких грубих мерења пиксела за потребе поравнања, а затим кодирам локацију у ТектВранглер-у или ВИМ-у.

флоиде

Оригинални постер
7. априла 2005
Монтерреи Мекицо
  • 28. март 2006
стевеп је рекао: Желео бих да погледам да ли имате времена да поново објавите.
Ево га, ту је мало шпанског, надам се да није превише збуњујуће:

код:
Велика шема хтмл { висина: 100%; } боди { маргин: 0; паддинг: 0; висина: 100%; ширина: 100%; } #лефт, #ригхт { флоат: лефт; } #лефт { висина:100%; боја позадине: наранџаста; ширина: 10%; } #десно { висина: 100%; позиција:релативна; ширина: 90%; } #топ { бацкгроунд-цолор: блуе; висина: 10%; } #фотос { позиција: релативна; висина: 90%; } #фото_суп_изк, #фото_суп_дер, #фото_инф_изк, #фото_инф_дер { висина: 50%; ширина: 50%; оверфлов: ауто; позиција: апсолутна; } #фото_суп_изк, #фото_суп_дер { топ: 0; } #фото_суп_дер, #фото_инф_дер { лефт: 50%; } #фото_инф_изк, #фото_инф_дер { топ: 50%; } имг/форумс/80/макинг-див-елемент-филл-ремаининг-вертицал-спаце-4.јпг 

Прилози

  • имг/форумс/80/макинг-див-елемент-филл-ремаининг-вертицал-спаце-4.јпг'филе-мета'> 36,3 КБ · Прегледи: 405