Working with <div>'s

[Tvinky]

Problēma ir sekojoša: visu savu laiku, kad veidoju web mājaslapas es izmantoju tabulas. Ar tām biju ļoti pieradis strādat un varēju vienkārši un ērti atdalīt headeri, no visa body un paša teil'a. (Cerams sapratāt). Spriežot pēc notepad.lv apskatītajām tēmām foruma un visu to linku apskatīšanas, domāju arī pāriet uz <div> jeb leyeru izmantošanu. Viss būtu jauki, bet šeit uzpeld man nepazīstami joki. Es nemāku iegūt rezultātu, kādu spēju iegūt ar tabulu palīdzību. Header'a <div>'u itkā bez problēmām varetu izveidot un viss ir ok, bet kā man īsti rīkoties ar body sadaļu. Parasti man kreisajā sānā ir linki, un domāju, ka labajā <div>'ā izvadīšu informāciju. Bet saskāros ar problēmu, ka veidojot jaunu <div>'u, tas paiet apakšā linku <div>'am.
1) Es atradu risinājumu, nosakot informācijas izvades <div>'a atrašanās koordinātes no labās un augšējās malas, bet man nezkapēc tas nešķiet racionāli. Kā būtu to panākt pareizāk?
2) Informācijas izvades <div>'am domāju noteikt konkrētu loga izmēru un to arī izdarīju. Bet, kad informācijas ir vairāk, nekā <div>'a augstums, tad tā izskrien ārpus tā. Es atradu risinājumu, novācot height: augstumspx;, bet tas man arī neliekas mazliet racionāli, jo gribēju, lai tam ir savs standarta augstums, bet situācijās kad informācijas ir vairāk, tas pats varētu pavilkties garāks. (Tikai nezinu, vai tas ir iespējams. Neskatamies uz to informācijas iziešanu no <div>'a, kur ir viens garš vārds, to apgraizīšu ar php).
Š ķiet pagaidām uz doto mirkli šīs ir manas problēmas. Varbūt kāds var bez googles pastāstīt mazliet kā rīkoties un kā būtu prātīgāk?

Kods izlikts šeit: http://paste.php.lv/6655

P.S Ganjau azazul būs dusmīgs :/`

[foxsk8]

Pats, aptuveni pirms gada, ar diviem sāku krāmēties, vadoties pēc šī tutoriāļa:

http://moirass.com/tutorial/moirass.com ... torial.rar

[Mr.Death]

Skatos Tvinky Tev tur standarta problēmas ar tiem diviem Ar tabulām bij vienkārši tāpēc, ka layouta "smagākā" daļa definējās htmlā ar tiem pašiem <tr><td>, bet šeit nu viss jākrāmē vēl vienā divā vai jādefinē iekš css kur kas atradīsies u.t.t.

Kā jau vienmēr esmu teicis: Vislabākais ir vidusceļš - lieto gan tabulas gan divus

par heightiem un widthiem iekš css vēl ir tādas fīčas kā "min-height" "max-height" "min-width" "max-width" bet tie arī jāmāk pareizi pielietot

[Loading]

Tabulas ir brutāls spēks! Man patīk tabulas, palikšu pie tabulām.

[azazul]

Negibi uzzīmēt ko tev īsti vajag ?
Un lapu kodu labāk met kādā no šīm lapām

• http://paste.zoffix.com/
• http://www.webdevout.net/test
• http://paste.css-standards.org/

Ka attiecas uz div augstumiem tad izmanto šādu kodu (gadījumam kas <div></div> ):

Code: Select all

div.min{
  height: auto !important;
  height:  200px;
  min-height: 200px;
}

VAI

Code: Select all

div.min{
  height:  200px;
  min-height: 200px;
}
div.min[class]{
  height: auto;
}

Man personīgi patī labāk otrā pieeja, bet tā ir piemērota vairāk gadījumam, kad minimālais augstums ir jāuzstāda vairākām klasēm un identifikātoriem (id).
Fix tiek likt priekš IE6 , jo tas nesaprot min-height (tā vietā tas parametru height pielietot tā kā vajadzētu būt lietots min-height).

Pārejās problēmas īsti nesapratu.

P.S. kad es esmu kaut ko sliktu teicis tiem kas grib mācīties ? Es parasti diršu tad ja kāds grib visu uzreiz gatavu un uz paplātes.

[drono]

Š eit pat man arī jautājums vairāk vai mazāk saistīts ar šo tēmu.
Ja lapa tiek pārlūkprogrammas logā iecentrēta, tad uz FF tas centrējums nedaudz mainās atkarībā no tā, vai labajā pusē ir vai nav ritjosla. IE šī problēma nav aktuāla, jo tur vienmēr ir tā ritjosla, aktīva vai neaktīva. Kāds tad īsti ir pareizais risinājums šai problēmai? Ja mēģina uzlikt vienmēr to ritjoslu, tad FF pieliek viņu arī lapas apakšā.

[azazul]

Nē, centrējums nemainās. Mainās redzemā loga izmērs. Tā tam ir jābūt =P
Es tā īsti nesapratu kādēļ tas vispār ir svarīgi ?

P.S. zinu ka tas nāk kā šoks, bet pasaulē ir arī citi browseri. Ne tikai FF un IE.
Mājaslapa obligāti ir jātestē arī uz Safari un Operas.

edit: .. anyway : http://www.css3.com/css-overflow-y/

[drono]

Svarīgi tas ir tāpēc, ka pārslēdzoties no lappuses, kurai nav ritjosla uz lappusi, kurai tā ir, lapas nemainīgā daļa lēkā no vienas uz otru pusi. Un izskatās tas manuprāt īpaši muļķīgi.

Nu tas, ka ir citi browseri, man ir zināms :D Š os divus minēju tikai kā piemēru.

[Tvinky]

Liels paldies par komentāriem. Fox'a dotais gatavais piemērs ļoti noderēja, jo mājās bez neta pagaidām un tur es atradu daudz atbildes. Pēc svētkiem būšu kojās un tur tikšu pats pie net'a, līdz ar to tikšu vairāk ar šo visu galā.

[azazul]

Pats, aptuveni pirms gada, ar diviem sāku krāmēties, vadoties pēc šī tutoriāļa:
http://moirass.com/tutorial/moirass.com ... torial.rar

Nākamreiz izlaid savus piemērus caur validātoru.
:hmz:

p.s. keyword metatagā nevajag likt atstarpes.

[foxsk8]

Laikam jau nepamanīji, ka tas nav manis veidots tuts.

[azazul]

Njā .. neapskatījos :suck:

[Mr.Death]

Nākamreiz izlaid savus piemērus caur validātoru.

Nu gan nocēlies

[azazul]

Anyway, ja darbojies offline, tad iesaku kādas pāris gramatas dabūt:
http://isohunt.com/torrents/xhtml?ihs1=2&iho1=d&iht=9
http://isohunt.com/torrents/css?ihs1=2&iho1=d&iht=9

[Tvinky]

Rīt jau būšu kojās, papētīšu šo visu dziļāk. Izlaidīšu arī caur validatoru. Vajadzēs arī pameklēt kā cīnities joku, kad var visu dizainu salauzt. (Biju mainījis fontus un man viens divs paskrēja apaksā. Ar tabulām tas atkrīt, bet meklēšu atbildi ar div'iem. Jo negribas, lai kāds komentējot agriež saitu ar kājām gaisā.) Komentāri tiešām noderīgi, liels paldies.
P.C Cerams, ka mobilais izmanto utf, pretējā gadījumā, ķeburi un liels fuj Nokia!