ఫోరమ్‌లు

div మూలకం మిగిలి ఉన్న నిలువు స్థలాన్ని పూరించేలా చేస్తున్నారా? (css)

ఫ్లాయిడ్

ఒరిజినల్ పోస్టర్
ఏప్రిల్ 7, 2005
మోంటెర్రే మెక్సికో
  • మార్చి 27, 2006
ఇది సాధ్యమేనా?
నాకు రెండు శాఖలు ఉన్నాయి. ఒకదానికి స్థిరమైన ఎత్తు ఉంది మరియు మరొకటి విండోలో మిగిలిన నిలువు స్థలాన్ని పూరించాలనుకుంటున్నాను. నేను తరువాతి div యొక్క ఎత్తును 100%కి సెట్ చేస్తే, అది విండో ఎత్తుకు సమానంగా ఉంటుంది, కానీ అది విండో యొక్క ఎత్తును మైనస్ మొదటి div ఎత్తుగా ఉండాలని నేను కోరుకుంటున్నాను.

ఇది నేను ఉపయోగిస్తున్న కోడ్:
కోడ్: |_+_|
నేను ఏమి చేయాలనుకుంటున్నాను మరియు నేను ఇప్పటివరకు ఏమి చేయగలిగాను అని చూపించే కొన్ని చిత్రాలను కూడా చేర్చాను. ముందుగా ధన్యవాదాలు

జోడింపులు

  • xa.gif xa.gif'file-meta'> 2.6 KB · వీక్షణలు: 10,076
  • xb.gif xb.gif'file-meta'> 3 KB · వీక్షణలు: 9,950
ఎన్

NoNameBrand

నవంబర్ 17, 2005


హాలిఫాక్స్, కెనడా
  • మార్చి 27, 2006
2వ లోపల 1వది ఎందుకు గూడు కట్టకూడదు?

లేకపోతే, మీరు కోరుకున్నది పొందే మార్గం గురించి నేను ఆలోచించలేను.

స్టెవెప్

అక్టోబర్ 13, 2004
UK
  • మార్చి 27, 2006
రెండవ లేయర్ ఎక్కడ ప్రారంభించాలో మీరు చెప్పడం లేదని నేను భావిస్తున్నాను, కాబట్టి అది పై నుండి మొదలవుతుందని, కాబట్టి మొదటి లేయర్‌ను అతివ్యాప్తి చేస్తుంది.
ప్రయత్నించండి:




పేరు పెట్టబడని పత్రం










కు






బి


సి




డి


మరియు







ps నేను దానిని DWలో చేయడం ద్వారా, రెండవ లేయర్‌కి కొంత కంటెంట్‌ని జోడించడం ద్వారా, ఆపై కోడ్‌తో గందరగోళానికి గురి చేయడం ద్వారా మోసపోయాను - DW అంచుల చుట్టూ కొన్ని ప్యాడింగ్‌లను కలిగి ఉండటాన్ని ఇష్టపడుతుంది మరియు మీరు డైలాగ్‌లలో మీరు లేయర్‌ని పేర్కొనవచ్చు. ఎగువ మూలలో నుండి 0px వద్ద ప్రారంభించండి, మీరు కోడ్ వీక్షణను ఉపయోగించి రెండుసార్లు చెప్పాలి. నేను ఎలాగైనా చేయాల్సి వచ్చింది.

ఫ్లాయిడ్

ఒరిజినల్ పోస్టర్
ఏప్రిల్ 7, 2005
మోంటెర్రే మెక్సికో
  • మార్చి 27, 2006
NoNameBrand చెప్పారు: 2వది లోపల 1వ గూడు ఎందుకు పెట్టకూడదు?

లేకపోతే, మీరు కోరుకున్నది పొందే మార్గం గురించి నేను ఆలోచించలేను.

ధన్యవాదాలు, ఇది దృశ్యమానంగా పని చేస్తుంది, కానీ రెండవ DIV ఈ లేఅవుట్‌కు కంటైనర్‌గా ఉంటుంది, కాబట్టి దాని కంటెంట్‌లు వాటిని వారసత్వంగా పొందగలిగేలా సరైన కొలతలు కలిగి ఉండటం నాకు ఇంకా అవసరం.

కాబట్టి బహుశా అది సాధ్యం కాదా? బహుశా అది పని చేయడానికి నేను కొద్దిగా జావాస్క్రిప్ట్ ఉపయోగించాల్సి ఉంటుందా?

stevep చెప్పారు: ప్రయత్నించండి:
ధన్యవాదాలు, కానీ నేను దీన్ని పని చేయలేకపోయాను, మీరు ఏ బ్రౌజర్‌ని ఉపయోగించారు?

ఫ్లాయిడ్

ఒరిజినల్ పోస్టర్
ఏప్రిల్ 7, 2005
మోంటెర్రే మెక్సికో
  • మార్చి 27, 2006
విషయాల యొక్క గొప్ప పథకం

సరే ఇదిగో నా అంతిమ లక్ష్యం యొక్క చిత్రం. ఇప్పటివరకు నేను దీన్ని క్రమంగా చేస్తున్నాను, కాబట్టి సమస్య నా ప్రారంభ విధానం కావచ్చు. కాబట్టి మీరు దీన్ని ఎలా చేరుకుంటారు (నాకు ఆలోచనలు కావాలి)? మీరు స్వచ్ఛమైన cssని ఉపయోగిస్తారా లేదా మీరు టేబుల్‌లు లేదా ఫ్రేమ్‌లకు లొంగిపోతారా?

జోడింపులు

  • Grand_scheme.gif grand_scheme.gif'file-meta'> 40.2 KB · వీక్షణలు: 450

స్టెవెప్

అక్టోబర్ 13, 2004
UK
  • మార్చి 27, 2006
నేను సఫారీని ఉపయోగించాను. కోడ్ యొక్క భాగాన్ని టెక్స్ట్ ఫైల్‌లో కాపీ చేసి అతికించండి - మీరు దానిని సేవ్ చేసినప్పుడు దానికి .html ప్రత్యయం ఉందని నిర్ధారించుకోండి. ఆపై కొత్త ఫైల్‌ను ఓపెన్ బ్రౌజర్ విండోలోకి లాగండి. ఇప్పుడే ఫైర్‌ఫాక్స్‌తో దీన్ని పరీక్షించారు మరియు అది సరే - కనీసం మీరు కోరుకున్నది ఇదేనని నేను భావిస్తున్నాను.
మీరు ఆడుకోవాల్సిన అంశం ఇది:
#లేయర్1 {
స్థానం: సంపూర్ణ;
ఎడమ: 0px;
టాప్:0px;
వెడల్పు: 100%;
ఎత్తు:180px;
z-సూచిక: 1;
నేపథ్య రంగు: #99CCFF;
}

మీ పేజీని కాగితంపై రఫ్ చేయండి, తద్వారా మీరు స్థానాలను సరిగ్గా పొందండి మరియు అది మీకు ప్రతి లేయర్ యొక్క ఎగువ LH మూలలోని స్థానాన్ని ఇస్తుంది. లేయర్ 1 యొక్క ఎత్తు లేయర్ 2 యొక్క ప్రారంభ స్థానాన్ని నిర్ణయిస్తుంది - ఈ సందర్భంలో లేయర్ 2 aని కలిగి ఉండాలిటాప్:180px;కోడ్ లైన్.
మీరు మీ చివరి పోస్ట్‌లో చూపిన విధంగా 3 లేయర్‌లు కావాలంటే, ఎడమవైపు చాలా లేయర్ ఇలా ఉంటుంది:
#లేయర్1 {
స్థానం: సంపూర్ణ;
ఎడమ: 0px;
టాప్:0px;
వెడల్పు: 200px;
ఎత్తు:100%;
z-సూచిక: 1;
నేపథ్య రంగు: #336699;
}

మరియు ఎగువ RH పొర ఉంటుంది:
#లేయర్1 {
స్థానం: సంపూర్ణ;
ఎడమ:200px;
టాప్:0px;
వెడల్పు: 100%;
ఎత్తు:180px;
z-సూచిక: 2;
నేపథ్య రంగు: #33CCFF;
}

మరియు విండో యొక్క మిగిలిన భాగాన్ని పూరించడానికి 3వ పొర (అయితే దాని పరిమాణం మార్చబడింది) ఇలా ఉండాలి:
#లేయర్1 {
స్థానం: సంపూర్ణ;
ఎడమ:200px;
టాప్:180px;
వెడల్పు: 100%;
ఎత్తు:100%;
z-సూచిక: 3;
నేపథ్య రంగు: #99CCFF;
}

మీరు డ్రీమ్‌వీవర్‌ని ఉపయోగిస్తుంటే ప్రతి లేయర్‌లో కొంత డమ్మీ కంటెంట్‌ను ఉంచడం ఉత్తమం, ఒకవేళ లేయర్ పేజీ వీక్షణలో ఏమీ లేకుండా కుదించబడితే, ఎగువన అసలు htmlలో 'a,b,c etc'.

ps నేను నిపుణుడిని కాదు, నేను తప్పు చేసి ఉండవచ్చు కానీ అది సహాయపడుతుందని నేను ఆశిస్తున్నాను. నా మొదటి బిట్ కోడ్ పని చేస్తున్నట్లు నేను చెప్పగలను. నేను బిట్ సహాయం చేయగలిగితే నేను వ్యక్తిగతంగా పొరలను గూడు కట్టుకోను, కానీ అది నేను మాత్రమే - నేను చాలా సరళంగా చేస్తాను. ఎన్

NoNameBrand

నవంబర్ 17, 2005
హాలిఫాక్స్, కెనడా
  • మార్చి 27, 2006
ఈ 'పొరలు' అంశాలు ఏమిటి? అది 'బ్రేక్ స్టఫ్ రియల్-గుడ్' కోసం డ్రీమ్‌వీవర్-ఎస్క్యూ?

ఇక్కడ నేను ఏమి చేస్తాను:
కోడ్:
foo   

నువ్వు నమ్ము!

జూన్ 14, 2003
MD / VA / DC
  • మార్చి 27, 2006
డీకాన్సెప్ట్...

FlashObjectని తనిఖీ చేయండి మరియు డౌన్‌లోడ్‌లో ఒక div పూర్తి స్క్రీన్‌ని చేయడానికి కోడ్ ఉంది.. బహుశా అది మీకు కావలసిన విధంగా రూపొందించబడుతుంది.

http://blog.deconcept.com/flashobject/

ఫ్లాయిడ్

ఒరిజినల్ పోస్టర్
ఏప్రిల్ 7, 2005
మోంటెర్రే మెక్సికో
  • మార్చి 28, 2006
సహాయం చేసిన అబ్బాయిలందరికీ ధన్యవాదాలు, కానీ నేను కోరుకున్న ఖచ్చితమైన లేఅవుట్ స్థిరమైన వెడల్పులు/ఎత్తులు మరియు శాతాల కలయికతో సాధించడం అసాధ్యమని నేను గ్రహించాను. నేను దానిని శాతాలను మాత్రమే ఉపయోగించి తిరిగి వ్రాసాను మరియు ఇప్పుడు అది పని చేస్తుంది. మీకు మార్కప్ పట్ల ఆసక్తి ఉంటే నాకు తెలియజేయండి మరియు నేను దానిని పోస్ట్ చేస్తాను.

స్టెవెప్

అక్టోబర్ 13, 2004
UK
  • మార్చి 28, 2006
floyde చెప్పారు: మీకు మార్కప్ పట్ల ఆసక్తి ఉంటే నాకు తెలియజేయండి మరియు నేను దానిని పోస్ట్ చేస్తాను.
మీకు మళ్లీ పోస్ట్ చేయడానికి సమయం దొరికితే నేను చూడాలనుకుంటున్నాను.
NoNameBrand చెప్పారు: ఈ 'లేయర్స్' విషయం ఏమిటి? అది 'బ్రేక్ స్టఫ్ రియల్-గుడ్' కోసం డ్రీమ్‌వీవర్-ఎస్క్యూ?
సరే, 'బ్రేకింగ్ స్టఫ్' గురించి నాకు తెలియదు, కానీ నేను CSS బాఫ్‌ని కాదని మీరు ఊహించినట్లు నేను భావిస్తున్నాను - లేయర్‌లు అనేది 'CSS పొజిషన్డ్ ఎలిమెంట్స్' అని పిలవాలని నేను భావించే వాటికి DW ఇచ్చిన అనుకూలమైన పేరు - మరియు DTP / Photoshop బ్యాక్‌గ్రౌండ్‌లో ఉన్న నాలాంటి వ్యక్తులు కొంచెం సుఖంగా ఉండేలా చేయడానికి వారు వారిని అలా పిలుస్తారని నేను భావిస్తున్నాను. మీరు మీ పోస్ట్‌లో చేర్చిన కోడ్‌ని చూస్తే NoNameBrand ఇది నా కంటే చాలా సొగసైనదిగా ఉంది - నిజంగా నా తలని div ట్యాగ్‌ని చుట్టుముట్టడానికి నేను ఒక కత్తిపోటు కలిగి ఉండాలి. OP మరియు ప్రత్యుత్తరాలకు ధన్యవాదాలు. ఎన్

NoNameBrand

నవంబర్ 17, 2005
హాలిఫాక్స్, కెనడా
  • మార్చి 28, 2006
స్టెవెప్ ఇలా అన్నాడు: సరే, 'బ్రేకింగ్ స్టఫ్' గురించి నాకు తెలియదు కానీ నేను CSS బాఫ్‌ని కానని మీరు ఊహించారని నేను అనుకుంటున్నాను - లేయర్‌లు అనేది 'CSS పొజిషన్డ్ ఎలిమెంట్స్' అని పిలవాలని నేను భావించే వాటికి DW ఇచ్చిన అనుకూలమైన పేరు. '

వారు వాటిపై z-సూచికలను కూడా కలిగి ఉన్నారు - ఇవి పేజీలో ముందు నుండి వెనుకకు ఉంచబడతాయి. సైట్‌ను పూర్తిగా విచ్ఛిన్నం చేసే ముందు నేను DW లేయర్‌లను చూశాను, అయితే వాటికి అంతగా బహిర్గతం కాలేదు (అది సరిపోతుంది, నిజంగా).

నేను నిజంగా నా తలని div ట్యాగ్‌ని చుట్టుముట్టడానికి ఒక కత్తిపోటు కలిగి ఉండాలి.

A అనేది ఒక ఏకపక్ష బ్లాక్ - ఇది అర్థపరంగా ఏదైనా అర్థం కాదు, మార్గం a

చేస్తుంది (టెక్స్ట్ యొక్క పేరా). ఎఅదే ఆలోచన, కానీ ఇన్‌లైన్ విషయాల కోసం (వంటి a ట్యాగ్, కానీ మళ్ళీ, సెమాంటిక్ ఫ్రీ).

డ్రీమ్‌వీవర్‌ని ఉపయోగించడం మానేయడం ఈ విషయాన్ని తెలుసుకోవడానికి సులభమైన విషయం. నేను ఫోటోషాప్‌లో నా సైట్‌లను డిజైన్ చేసి, ఆపై నాకు కావలసిన గ్రాఫికల్ ఎలిమెంట్‌లను సేవ్ చేస్తాను, దానితో పాటు రంగు కోడ్‌లు మరియు కొన్ని రఫ్ పిక్సెల్ కొలతలను అలైన్‌మెంట్ ప్రయోజనాల కోసం వ్రాసి, ఆపై నేను సైట్‌ను TextWrangler లేదా VIMలో కోడ్ చేస్తాను.

ఫ్లాయిడ్

ఒరిజినల్ పోస్టర్
ఏప్రిల్ 7, 2005
మోంటెర్రే మెక్సికో
  • మార్చి 28, 2006
stevep చెప్పారు: మీకు మళ్లీ పోస్ట్ చేయడానికి సమయం దొరికితే నేను చూడాలనుకుంటున్నాను.
ఇక్కడ ఉంది, అక్కడ కొంచెం స్పానిష్ ఉంది, ఇది చాలా గందరగోళంగా లేదని నేను ఆశిస్తున్నాను:

కోడ్:
గ్రాండ్ స్కీమ్ html {ఎత్తు: 100%; } శరీరం {మార్జిన్: 0; పాడింగ్: 0; ఎత్తు: 100%; వెడల్పు: 100%; } #ఎడమ, #కుడి { ఫ్లోట్: ఎడమ; } #ఎడమ {ఎత్తు:100%; నేపథ్య రంగు: నారింజ; వెడల్పు: 10%; } #కుడి {ఎత్తు: 100%; స్థానం:బంధువు; వెడల్పు: 90%; } #టాప్ {నేపధ్యం-రంగు: నీలం; ఎత్తు: 10%; } #ఫోటోలు {స్థానం: సంబంధిత; ఎత్తు: 90%; } #foto_sup_izq, #foto_sup_der, #foto_inf_izq, #foto_inf_der {ఎత్తు: 50%; వెడల్పు: 50%; ఓవర్‌ఫ్లో: ఆటో; స్థానం: సంపూర్ణ; } #foto_sup_izq, #foto_sup_der {top: 0; } #foto_sup_der, #foto_inf_der {ఎడమ: 50%; } #foto_inf_izq, #foto_inf_der {టాప్: 50%; } img/forums/80/making-div-element-fill-remaining-vertical-space-4.jpg 

జోడింపులు

  • img/forums/80/making-div-element-fill-remaining-vertical-space-4.jpg'file-meta'> 36.3 KB · వీక్షణలు: 405