Qued Posted March 16, 2005 Report Posted March 16, 2005 (edited) 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 March 16, 2005 by Qued
Kavacky Posted March 16, 2005 Report Posted March 16, 2005 #container { border: 1px solid #000000; } Un uz FireFox viss bumbās. Nezinu, kas tev gļuko.
Venom Posted March 17, 2005 Report Posted March 17, 2005 uzliec div#container { _height:1%; overflow:auto; }
Qued Posted March 17, 2005 Author Report Posted March 17, 2005 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".
Kavacky Posted March 17, 2005 Report Posted March 17, 2005 Kavackynu tad jājautā, kas tev tas par īpašu firefoxu. Paprovē šitādu kodu: Noņemot floatus iet. Ja tev šamos vajag ( nezinu, kāpēc ), tad lieto Venom variantu.
Qued Posted March 17, 2005 Author Report Posted March 17, 2005 Kavacky Ok, piedāvā, lūdzu, man citu variantu, kā uztaisīt kolonnas.
Venom Posted March 17, 2005 Report Posted March 17, 2005 tūlīt sekos position:absolute variants (: var arī margin-left
Qued Posted March 17, 2005 Author Report Posted March 17, 2005 Venom position: absolute - bet tas tak ir ārā no flow'a, vai tad tādam var dabūt rāmi apkārt visām 3 kolonnām?
Venom Posted March 17, 2005 Report Posted March 17, 2005 ja ļoti sagribās - kā rāmi bodyjam vai javasriptu (: es par tiem trīskolonnu principiem
Qued Posted March 17, 2005 Author Report Posted March 17, 2005 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.
Venom Posted March 17, 2005 Report Posted March 17, 2005 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
Qued Posted March 17, 2005 Author Report Posted March 17, 2005 Venom update: Paprovēju uz sava reālā projekta. Ar overflow: auto nez kādēļ parādījās apakšā horizontāls scrollbar. Ar overflow: hidden pagaidām viss izskatās ok.
Venom Posted March 17, 2005 Report Posted March 17, 2005 mēģini overflow-x:hidden vai to pašu margin,padding,border samazināšanu/nullēšanu
Qued Posted March 17, 2005 Author Report Posted March 17, 2005 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) :(
Qued Posted March 17, 2005 Author Report Posted March 17, 2005 Atradu vienu objektu, kuru noslēpjot skrollbārs pazūd. Tas ir ul saraksts (meņucim), kas ir pozicionēts absolūti. wtf?
Recommended Posts