Gacha Posted May 7, 2004 Report Share Posted May 7, 2004 Standarta problēma: Uz Mozilla iet, bet uz IE nē! Ir pat tā, ka uz IE5 rāda pareizi, betuz IE6 un Mozilla nē. Šeiten ir tā lapa, kur jūs redzat(uz IE6), ka tas teksts nav pie augšas, bet ir daudz zemāk nekā vajadzētu būt. Droši vien ir kāds IE knifs vai kaut kas tāds. Un vispār ar <div> layoutiem nesen tik saku čakarēties, tapec ar prau jums helpu :) Kods: .kreisais { border:''; margin:10px; float: left; background-color: #cccccc; width: 100px; } .labais(shis ir tas kas neiet) { margin: 0; width: 550px; float: right; border-left: 1px solid #8BA3AA; min-height: 150px; } .viss(tas kas apkart){ padding: 0px; margin: auto; width: 700px; border-left: 1px solid #8BA3AA;; border-right: 1px solid #8BA3AA; background-color: #cccccc; } .kreisajam iekshaa{ margin: 10px; border: 1px solid #8BA3AA; background-color: #abbcc3; } Diezvai ko sapratat, bet gan jau buus Link to comment Share on other sites More sharing options...
hu_ha Posted May 7, 2004 Report Share Posted May 7, 2004 nu neesmu meegjinaajis, taapeec tikai mineejumi: 1) paprovee tos 550px samazinaat uz piem, 400px 2) paprovee float:right nomainiit uz flota:left Link to comment Share on other sites More sharing options...
Gacha Posted May 7, 2004 Author Report Share Posted May 7, 2004 Zhel, bet ne viens no tiem nepalīdz :( Link to comment Share on other sites More sharing options...
pioners Posted July 15, 2004 Report Share Posted July 15, 2004 Man ir līdzīga problēma - uz Mozilla un Opera strādā, bet uz IE ne šāds kods: <html> <body style="margin:0; padding:0;"> <div style="width:100%; height:168px; margin:0; padding:0; "> <div style="width:194px; height:168px; margin:0px; padding:0; background-color:red; float:left;"></div> <div style="width:auto; height:168px; margin-left:194px; padding:0; background-color:blue"></div> </div> </body> </html> Starp div blokiem parādās 3px plata balta josla uz IE, bet citos pārlūkos nav. Skatījos pods.lv css failu tur itkaa tas pats, bet strādā. Link to comment Share on other sites More sharing options...
blackhalt Posted July 16, 2004 Report Share Posted July 16, 2004 Nez man gan uz IE6 gan FF tas teksts ir at atstarpi no augshas. iekš css: body{ margin:0; padding:0; } Link to comment Share on other sites More sharing options...
Venom Posted July 16, 2004 Report Share Posted July 16, 2004 šis te variants mani it īpaši pārsteidza: .kreisais { border:''; margin '' iekš css? turklāt kā nonullējošā vērtība? DIViem ir tāda problēma, ka uz IE padding, border un margin "neatskaitās" nost automātiski. Tāpēc ja tev ir sautrs, kas pēc platības pārsniedz block elementa width-border-margin-padding, tad tev viņu pletīs plašumā/augstumā (jānosaka pareizs width). Resp. var būt, ka tev nav atstarpe no "body" (augšas uz leju), bet gan atstarpe no "elementa" (no tā uz augšu). Kamēr projektē div-layoutu, noder likt div {border:1px solid #cccccc} Link to comment Share on other sites More sharing options...
pioners Posted July 16, 2004 Report Share Posted July 16, 2004 (edited) Atradu risinājumu savai problēmai: <html> <body style="margin:0; padding:0;"> <div style="width:100%; margin:0; padding:0;"> <div style="width:194px; margin:0px; padding:0; background-color:red; float:left;"> <div style="height:200px;"></div> </div> <div style="width:auto; margin:0px; padding:0; background-color:green;"> <div style="height:200px;"></div> </div> </div> </body> </html> Galvenais ir nenorādīt heigh div blokā, kuram vajag, lai background saplūst ar otra div bloka background. Tādēļ izmantoju vēl tukšus div blokus heigh norādīšanai. Edited July 16, 2004 by pioners Link to comment Share on other sites More sharing options...
Recommended Posts