Jump to content
php.lv forumi

Firefox da CSS


Qued

Recommended Posts

Vobšem, ideja tāda: ir kopējais divs, kurā iekša ir sub-divi - kolonnas. Apmēram šitā:

<div id="container">
 <div id="col1"></div>
 <div id="col2"></div>
 <div id="col3"></div>
</div>

Pieņemsim, ka div'am "container" ir rāmītis (border) - ķipa, kopskatā ir trīs kolonnas un tām apkārt ir rāmītis. Rāmītis pastiepjas tik garš, cik gara ir garākā no kolonnām. Problēma: uz IE un Operas viss ir ok, bet uz Firefoxa - nekā. Div's "container" redzams kā maza, šaura strīpiņa pašā augšā - it kā būtu tukšs, attiecīgi rāmīša apkārt visam saturam nav. Wtf?

Jau iepriekš pateicos.

Edited by Qued
Link to comment
Share on other sites

Kavacky

nu tad jājautā, kas tev tas par īpašu firefoxu. Paprovē šitādu kodu:

<style type="text/css">
#container {
 border: 1px solid blue;
 margin-left: auto;
 margin-right: auto;
 width: 400px;
}
#col1 {
 width: 100px;
 float: left;
 background-color: #AAA;
}
#col2 {
 width: 200px;
 float: left;
 background-color: #CCC;
}
#col3 {
 width: 100px;
 float: left;
 background-color: #DDD;
}
</style>
<div id="container">
<div id="col1">bla bla bla</div>
<div id="col2">bla bla bla bla bla bla bla bla bla bla bla bla </div>
<div id="col3">bla bla bla</div>
</div>

 

Venom

Tavs variants atrisina problēmu. Lielais paldies.

Patiesībā pietiek, ja #container stilam pieliek klāt overflow: auto. Kam noder parametrs _height: 1%? Nebiju nemaz sastapies ar tādu parametru "_height".

Link to comment
Share on other sites

Venom

kā rāmi bodijam. Ko tad, ja bodijs nav 100% platumā un 100% augstumā? Vai tad var kaut kādus baigos marginus sānos uzlikt?

Javaskripts gan rullē nemērā :) Man gan nav skaidrs, kā javaskriptam pateiksi, cik kontents garš sanācis.

Link to comment
Share on other sites

sk: <body style="border:5px solid red"></body>

att uz java script: kolonnām piešķirt id1 id2 id3 un kaut kur lejā (pēc tsam, kad viņi ir ielādējušies) salīdzināt to document.getElementById('idX').pixelHeight / height vai kā tur un att uzlikt uz id=container+pāris px visādam gadījumam

Link to comment
Share on other sites

Venom

Kur tu ņem tādus parametrus? CSS2 manuālī nemaz nav overflow-x.

Fig viņu zin, kas ar to margin vai padding; diemžēl nevaru atrast nevienu objektu, kurš varētu izraisīt problēmu. Ja salieku visam borderus, pāri dizaina labajai malai nekas neiet, tomēr kāda 5-6pix brīva vertikāla josla labajā pusē tiek uzzīmēta (to redz paskrollējot) :(

Link to comment
Share on other sites

×
×
  • Create New...