nemaz Ierakstīts Novembris 12, 2009 Share Ierakstīts Novembris 12, 2009 Tātad, man ir div tag rāmis, kurā atrodas vēl viens div tag rāmis - kā panākt, lai iekšā esošais div tag rāmis vertikāli nocentrējas attiecībā pret apkārt esošo div tag rāmi? Vertical align: middle neizraisa nekādas atšķirības pat tad, ja iekšā esošā objekta "display" atribūts ir iestatīts kā "inline" vai "table cell". Ir kādi varianti? Vispār to taču ir iespējams izdarīt? Link to comment Share on other sites More sharing options...
Vilx- Novembris 12, 2009 Share Novembris 12, 2009 Uz IE (vismaz vecākām versijām) bija tā, ka vertical-align strādāja tikai uz tiem elementiem, kuriem pēc savas būtības jau bija valign atribūts. Reāli tātad tikai uz tabulas cellēm. Es arī citu veidu nezinu vertikālajai centrēšanai, kā tikai reālas tabulas celles. Tā kā vari par saviem DIV aizmirst. 1 Link to comment Share on other sites More sharing options...
nemaz Novembris 12, 2009 Author Share Novembris 12, 2009 Un ja div freimu ieliktu tabulas cellē? Centrētos? Link to comment Share on other sites More sharing options...
Vilx- Novembris 12, 2009 Share Novembris 12, 2009 Centrētos pats DIV's attiecībā pret tabulas celli. DIV saturs gan nē. Pamēģini taču. 1 Link to comment Share on other sites More sharing options...
eMDiiPii Novembris 12, 2009 Share Novembris 12, 2009 height un margin auto. 1 Link to comment Share on other sites More sharing options...
Vilx- Novembris 12, 2009 Share Novembris 12, 2009 Margin: auto centrē tikai horizontāli, un arī tad tikai, ja ir norādīts konkrēts width. Link to comment Share on other sites More sharing options...
jx Novembris 12, 2009 Share Novembris 12, 2009 nemaz vai iekšējam divam ir zināms augstums? T.i. - vai ar css viņam ir iedota height īpašība? Ja jā, tad vienkāršākais variants ir iekšējam divam iedot position: absolute; top: 0; bottom: 0; un ārējam - position: relative; Ja iekšējā diva augstums nav zināms (tas ir mainīgs), pameklē gūglē "css vertical centering". Viens rezultāts - http://blog.themeforest.net/tutorials/vertical-centering-with-css/ . Uz pirmo acu uzmetienu, tur ir vairāki populāri risnājumi. Būs nepieciešams nedaudz sarežģītāks risinājums un vēl viens papildu div's pa vidu, taču izdarāms tas ir. Parasti tāpat būs nepieciešams lietot display:table-cell īpašību (plus dažas lietas apkārtējiem elementiem). 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Izveido kontu, vai pieraksties esošajā, lai komentētu
Jums ir jābūt šī foruma biedram, lai varētu komentēt tēmas
Izveidot jaunu kontu
Piereģistrējies un izveido jaunu kontu, tas būs viegli!
Reģistrēt jaunu kontuPierakstīties
Jums jau ir konts? Pierakstieties tajā šeit!
Pierakstīties tagad!