Daži joki par CSS

[Kemito]

Sveiki dārgie kungi un varbūt arī kāda dāma! Man ir daži jautājumi par CSS, lielākoties kas attiecas - ( Pēc kāda keyword meklēt ) īpasi nekas vairāk tas nav!

Tātad trīs sekojošas lietas!

 

1. Kā panākt lai esošais augstums:

height: 400px;

Tiek paplašināts ja tā saturs pārsniedz attiecīgi šos 400px;

 

2. Es lieku

position: absolute 

Viss man ir kā nākas, bet attiecīgi kad izdaru taustiņu kombināciju CTRL+ -/+ attiecīgi šis attēls īzbīdās no tā esošās vietas nevis stāv klāt dizainam, ir kāds speciāls pielietojums, lai bildi turētu uz bildes?

 

3. Vēlos izprast lietiņu teiksim:

Kad ielogojos man pie brauzera apakšas ir pielīmēts, kāds kubiciņš ar saturu, reālitas ir

position: fixed;

bet vēlos dabūt viņu lejā un centrēti, lai ik reizi, kad ielogojos man tur parādas informācija un kad "rullēju" pa lapu tas velkas man līdzi! :)

 

Protams, ja kāds var parādat tieši, ja nē nu tad atmetat kādu liņķeli vai keyword :)

Paldies jau iepriekš cilvekiem, kas palīdz :)

[xcwcx]

Izmanto min-height: 400px; tikai vispirms pagūglē, vai nav jāizmanto kāds css fix, lai strādātu uz vecajiem browseriem.

[ohmygod]

1. par augstumu:

height: auto;

min-height: 400px;

2. position absolute izmantojams, ja kāds elements jānotur precīzā bloka vietā. Tad nebrīnies, ka stumdot paŗējos elementus tas tur arī paliks (:

3. uztaisi lejā to fixed divu, kurā iekšā ir centrēts divs ar to tavu info. divu centrē ar - margin-left:auto; margin-right:auto; Protams, relatīvi pozicionētu.

[Леший]

To manliekas var dabūt gatavu ar overflow...

[ohmygod]

overflow mauks pāri visam, kas ir apkārt divam, nevis bīdīs pārējo contentu zemāk vai arī scrolls vai arī liekais contents vienkārši netiks parādīts.

[marcis]

1.

height: auto;
min-height: 400px;

Ja jāsuportē arī vecāki brouzeri tad googlē pēc css min-height fix

2. sākumā izdomā pēc kā viņu absolūti pozicionēt, jo to tu noteikti nedari pareizi

<div style="position: relative;">
 <img src="fona-buizha.jpg" alt="" />
 <img src="prieksplana-buizha.jpg" alt="" style="position: absolute; top: 10px; left: 10px;" />
</div>

prieksplana-buizha.jpg vienmēr stāvēs 10px no parent div'a augšas un malas. Ja bildes neresaizojas līdzi brouzera logam (kā tas parasti arī notiek), tad viss ir bumbās.

3.

position: fixed;
left: 0;
bottom: 0;
width: 100%;
text-align: center; /* !!! */

ja vajadzīgs iekšā block elements, tad tam attiecīgi

margin: 0 auto;

[Evi]

1. arii vecaakiem browseriem:

 

min-height:350px;

height:auto !important;

height:350px;

[Kemito]

Nu ko varu teikt - Liels paldies, par atsaucību, viss ir kā nākas, paskatījos arī mazliet par to FIX`u utml. :) Strādā pašlaik godam :D