rvitinn

Vesen me border og dlka CSS

g er a reyna a setja einfaldan ramma utan um suna en etta er ekki alveg a ganga upp. Mli er a a div tagi s utan um alla dlkana rj virist ramminn bara miast vi mijudlkinn og a kemur afskaplega kjnalega t egar frslurnar eru stuttar, ramminn virkar rtt forsunni enda er midlkurinn mun strri en hinir ar. Ef div tagi vri hins vegar bara utan um midlkinn vru hliarnar lka vntanlega bara utan um hann, ekki ytri dlkana.

.css skrnni er svona klausa .blog {padding:15px;border:1px solid#000;} template fyrir stakar frslur er uppstillingin grfum drttum svona:

<body>
<div class="blog">
    <div id="centercontent">
         Dagbkarfrslan, mijudlkurinn
    </div>
    <div id="leftcontent">
          Er reyndar hgra megin
    </div>
    <div id="categories">
           vinstri dlkurinn
    </div>
</div>
</body>

myndinni fyrir nean sst hvernig etta kemur t, arna er g binn a gera ramman rauan til a hann sjist betur, ramminn a vera utan um alla suna. Blasir nokku vi hva g er a gera vitlaust?

css-rammi.gif

23:00
i, g nenni ekki a vesenast essu, tek ramman bara t og set eitthva anna stain.

vefml
Athugasemdir

Mr rlygsson - 20/01/04 18:18 #

Eina "ga" leiin til a gera etta er a nota javascript tkk window.onload sem les hina #leftcontent (vont class-nafn, ojj skamm Matti ;-) og #categories og ber saman vi hina #centercontent og hkkar #centercontent ef a er ekki strst af essu rennu. kosturinn vi etta trikk er a a reiir sig javascript, og ef fer ekki varlega tlitshnnuninni getur san ori vissum tilfellum lsileg (t.d. a upplsingar "footer" boxi hverfa undir langan hliardlk) egar javascripti keyrir ekki/virkar ekki af einhverjum stum. Me varkrni og sm tsjnarsemi virkar etta samt alveg trlega vel.

Arir verri valkostir:

Svo ef ert sttur vi a takmarka ig vi tveggja-dlka tlit getur nota float:left|right; til a stasetja dlkana og notast svo vi einhver nett clear:both; trikk til a ta botninum aalefnisdlkinum niurfyrir hliardlkinn...

Ef vilt f rj dlka og vilt endilega nota float:left|right; til a stasetja , neyist til a hafa annan hvorn eirra efst HTML skjalinu - en a er mjg non-optimal fr agengisjnarmium, nema innihald vikomandi dlks s eim mun rrara/styttra.

...g vona a etta hjlpi eitthva.

Mr rlygsson - 20/01/04 18:21 #

p.s. #centercontent er lka slmt class-nafn! :-) betra vri a nota nfn bor vi #maincontent og #secondarycontent sem lsir innihaldi/tilgangi vikomandi greinar DOM trnu en ekki sjnrnum eiginleikum hennar.

Matti . - 20/01/04 21:38 #

Takk fyrir rin Mr.

fyrstu tgfu af essari frslu var g einmitt me komment ar sem g tk fram hversu slm essi nfn eru en g fjarlgi au ar sem au "flttuu ekki" <pre> hlutanum :-)

Mli er a g tk etta hrtt af sunni sem fkk essa riggja dlka hnnun af en hafi svo aldrei sens a laga etta. a er nttrulega agalegt a vera me #leftcontent sem nafn dlki sem n er hgra megin! Sem srlegur hugamaur um breytunfn arf g a taka skurk essu :-)

g held g haldi mig vi nverandi tlit sunni, einfalt - ltt og smilega lsilegt held g.