par margin

[jonass]

man ir 2 css daljas -

<style type="text/css">
#x {width : 100; }
#a {float : left; margin-left : 25mm; }
#b { float : right; margin-right : 25mm; }
</style>
<center>
<div id="x">
<di id="a">saturs</div></div id="b">saturs</div>
</div>
</center>

ieksh IE saturs abaas daljaas a un b staav smuki centraa, bet iekh Mozilla Firebird ir par maz. ar 25mm, bet tas savukaart izmaina izskatu IE. kaads nevar pateikt kam jaabuut, jai vienliidz labi izskatiitos abos paarluukos? varbuut ir iespeeja piemeerot katram paarluukm savu stylesheetu?

[CryRat]

ja nepaskaidro ko vajag dabūt gatavu tikai iedod briesmīgu kodu ta diezgan grūti palīdzēt...

 

ja vajag sadalīt divās daļās un visu pa centru ta:

<style>
#c {
 margin:auto;
 width:600px;
}

#l {
 float:left;
}

#r {
 float:right;
}
</style>

<div id="c">
 <div id="l">saturs</div>
 <div id="r">saturs</div>
</div>

i viss...

 

EDIT:

heh... 100tais posts ^_^

Edited November 29, 2003 by CryRat

[jonass]

#x {width : 600px; } //kopeejaa dalja, kuraa viss iesprostots, platums 600px

#a {float : left; margin-left : 25mm; } //saturs kreisajaa pusee,

#b { float : right; margin-right : 25mm; } //saturs labajaa pusee

un lapa :

<center> //kopeejaa dalja staav centraa

<div id="x"> //saakam kopeejo dalju

<di id="a">saturs</div> //saturs kreisajaa pusee

</div id="b">saturs</div> //saturs labajaa pusee

</div> //beidzam kopeejo dalju

</center>

vienkaarshi ieksh IE abi saturi ir tuvu blakus, jo atstarpe no kopeejaas daljas malas ir 25mm, bet ieksh Mozilla Firebird abi saturi nav blakus. ja uzliek vairaak par 25mm, tad Mozillaa ir labi, bet tas ir par daudz ieksh IE. tas viss staav centraa

[CryRat]

heh... nesapratu...

vari izstāstīt vai parādīt ko tu gribi uztaisīt ?

[jb4]

Nelasīju garo problēmas stāstu un tā attīstību, bet ieraudzīju, ka ir runa par to, ka iekš IE kaut kas ne tā ar platumiem un tāpēc daru zināmu:

 

Ja Tu lieto IE no 4.0 īdz 5.5/Win, tad tur ir problēmas ar Box modeli, kas atbild par objektu pozicionēšanu, vietas atvēlēšanu tiem ...

 

Problēma ir sekojoša: CSS Box modelis paredz ar width noteikt vesela box satura daļas platumu. Minētās IE versijas dara savādāk.

 

Kas ir box? Tas ir taisnstūris, kuru veido bloka elementa saturs+attālums no satura līdz maliņai+maliņa+atkāpe līdz citam box.

 

Iekš Box modeļa, ja ir pateikts, ka #kaste { width: 200px; border-left: 20px solid black; padding-left: 20px; margin-left: 20px }, tad #kaste pēc CSS Box model kopā aizņem platumu, kas vienāds ar 200+20+20+20=260px.

 

Iekš minētajām IE versijām MS programmētāji ir izrādījušies attapīgāki par W3C specifikāciju rakstītājiem (un tas nav humors, tik tiešām - IE box modelis būtu ērtāks) un par width uzskata border+padding+width. Tas nozīmē, ka #kaste { width: 200px; border-left: 20px solid black; padding-left: 20px; margin-left: 20px } liek #kastei aizņemt 220px platu lauku.

 

Ko tas nozīmē? Cilvēki uzrakstīja priekš IE lapas ar width: 300px, bet iekš Operas un Mozillas lapas pārvērtās ārprātā, jo tur boxis ar platumu, kas lielāks par 300px (jo viņam tika piedēvēts arī paddings un border biezums).

 

Ko darīt? Rakstīt atbilstoši CSS Box modelim, pašiem izmantot tikai IE6, Opera7, Mozilla 1.0, pārējiem aicināt to pašu, bet, rakstot lapas, iekš #kaste mēdz veidot #kastes_saturs, kuram piedēvē tādu margin, kādu būtu likuši #kaste, ja box modelis strādātu.