ray Posted February 12, 2008 Report Share Posted February 12, 2008 (edited) Man vajadzētu dabūt tā, ka labajā malā ir 250px plats div, tad 10px sprauga un pa labi div, kas staipās līdz ar ekrānu līdz pašai labajai malai. Nemāku izdarīt tā, lai tas otrai div staipās līdz pašai labajai malai. <div style="float: left; width: 250px; margin-left: 10px">aaa</div> <div style="?">bbb</div> Edited February 12, 2008 by ray Link to comment Share on other sites More sharing options...
andrisp Posted February 12, 2008 Report Share Posted February 12, 2008 Pameklē CSS fluid layouts. 100%, ka atradīsi paraugus. Link to comment Share on other sites More sharing options...
mefisto Posted February 12, 2008 Report Share Posted February 12, 2008 Tu tak gribēji labo malu statisku. Va ne ? http://www.webdevout.net/test?02 rezultāts te : http://www.webdevout.net/test?02&raw Link to comment Share on other sites More sharing options...
ray Posted February 12, 2008 Author Report Share Posted February 12, 2008 ok, tad vēl pie reizes jautājums, lai nav jātaisa jauna tēma. man ir tabula <table border="0">, kā uzlikt to, ka līnija tiešām nav. Šajā gadījumā, kad iekrāso tabulas laukus citā krāsā, tie ir atdalīti, nevis saplūst kopā. Link to comment Share on other sites More sharing options...
andrisp Posted February 12, 2008 Report Share Posted February 12, 2008 (edited) cellspacing man liekas pie vainas. Tu tur layoutu ar tabulām netaisi ? Tu skaties.. :) Edited February 12, 2008 by andrisp Link to comment Share on other sites More sharing options...
Vebers Posted February 12, 2008 Report Share Posted February 12, 2008 table { border-collapse: collapse; } Link to comment Share on other sites More sharing options...
Evi Posted February 12, 2008 Report Share Posted February 12, 2008 me parasti liek <table border="0" cellspacing="0" cellpadding="0">, un viss ruljljo Link to comment Share on other sites More sharing options...
Evi Posted February 12, 2008 Report Share Posted February 12, 2008 un par to contentu, reku man viens piem, ko taisiiju jau pasen, smukaaks nekaa mefisto, uz resaizoshanu nekas nenogruust un straadaa populaarajos browseros vienaadi. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Sticky width</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> html,body{ font:12px Verdana, Arial, Helvetica, sans-serif; border:0; padding:0; margin:0; background:#A0B973; color:#000;} p{ padding:7px 0; margin:0} h1{ padding:10px 0; margin:10px 0 0 10px; text-align:center; color:#FFFBA4; font-size:26px; background:#600; border-bottom:1px solid #FB4142;} #line{ padding:0 0 0 780px; margin:0; float:left} #line2{ margin:0 0 0 -780px; padding:0} #page{ position:absolute; min-width:760px; width:99%;} #cont{ border-left:190px solid #660; padding:10px; margin:0 0 0 10px; background:#F0F4EA;} #menu{ list-style:none; padding:10px 0 0 0; margin:0 0 0 -200px; width:180px;} #menu li{ padding:5px 10px; margin:3px 11px; border:1px solid #7280B8; background:#DDE6EE; display:block} #menu li a{ color:#E65B00} #menu li:hover{ background:#555;} #ft{ background:#F4C89B; padding:0; margin:0 0 0 10px; border-top:1px solid #E98D32} .scr{ overflow:auto; scrollbar-base-color:#FC3} </style> <!--[if IE 6]> <style type="text/css"> #page{ position:static;} #menu{ margin:0 0 0 -100px;} #ie{ float:left; width:100%; overflow-x:auto; overflow-y:hidden; padding-bottom:12px} </style> <![endif]--> <!--[if IE 7]> <style type="text/css"> #page{ position:static;} #ie{ overflow-x:auto; overflow-y:hidden; padding-bottom:12px} </style> <![endif]--> </head> <body> <div id="line"> <div id="line2"> <div id="page"> <h1>. . : : Sticky width : : . .</h1> <div id="cont"> <ul id="menu" style="float:left;"> <li><a href="#">Home</a></li> <li><a href="#">Menu1</a></li> <li><a href="#">Menu2</a></li> <li><a href="#">Menu3</a></li> <li><a href="#">Menu4</a></li> <li><a href="#">Menu5</a></li> <li><a href="#">Menu6</a></li> <li><a href="#">Menu7</a></li> </ul> <div class="scr" id="ie"> <p>Tested: <strong>IE6, IE7, FF, Opera, MAC - Safari</strong></p> <p>Content: <strong>width:100% and min-width:780px.<br />If the content is bigger then width:780px, on resizing the browser appears scrollbar.</strong></p> <br /> <p>test_test_test_test_test_test_test test_test_test test test_test_test test_test_</p> <p>test_test_test_test_test_test_test test_test_test test test_test_test test_test_</p> <p>test_test_test_test_test_test_test_test_test_test_test_test_test_test_test_t est_test_test_test_test_test_test_test_test_</p> <p>test_test_test_test_test_test_test test_test_test test test_test_test test_test_</p> <p>test_test_test_test_test_test_test_test_test_test_test_test_test_test_test_t est_test_test_test_test_test_test_test_test_</p> <p>test_test_test_test_test_test_test test_test_test test test_test_test test_test_</p> <p>test_test_test_test_test_test_test_test_test_test_test_test_test_test_test_t est_test_test_test_test_test_test_test_test_</p> <p>test_test_test_test_test_test_test test_test_test test test_test_test test_test_</p> <p>test_test_test_test_test_test_test_test_test_test_test_test_test_test_test_t est_test_test_test_test_test_test_test_test_</p> </div> <br clear="all" /><div style="clear:both"></div> </div> <div id="ft"> <p>kaajene kaajene</p> </div> </div> </div> </div> </body> </html> Link to comment Share on other sites More sharing options...
mefisto Posted February 12, 2008 Report Share Posted February 12, 2008 dzīvas šausma. Link to comment Share on other sites More sharing options...
Evi Posted February 12, 2008 Report Share Posted February 12, 2008 pac tu shausma! Uzraxtiit code ar divaam rindinjaam, kas gljuko visos paarluukos ir varonjdarbs noteikti! Link to comment Share on other sites More sharing options...
Vebers Posted February 12, 2008 Report Share Posted February 12, 2008 Evi, tavs kods tiešām ir šausmīgs. Un esmu pārliecināts, ka mefisto ir pārāk gudrs, lai uzrakstītu kodu ar 2 rindiņām kas gļukotu visos pārlūkos! Tākā, ja nezini nesprēgā, ja gribi lai kāds tev vēl palīdz.. Link to comment Share on other sites More sharing options...
Evi Posted February 12, 2008 Report Share Posted February 12, 2008 Tad uzraxti neshausmiigu kodu, kas negljuko visos paarluukos, un tad spereegaa! Link to comment Share on other sites More sharing options...
Vebers Posted February 12, 2008 Report Share Posted February 12, 2008 Evi, neņem to tik ļoti pie sirds :) Nav nemaz tik grūti uzrakstīt nešausmīgu kodu kas visur strādā vienādi, ja ir zināšanas un pieredze! Link to comment Share on other sites More sharing options...
Evi Posted February 13, 2008 Report Share Posted February 13, 2008 Nav nemaz tik gruuti uzraxtiit.. tad kapeec tie 'pieredzeejushie un zinoshie' uzraxta piemiemeerus, kas gjuko?! Link to comment Share on other sites More sharing options...
Vebers Posted February 13, 2008 Report Share Posted February 13, 2008 C`mon vecīt, ne visu var atcerēties, piemērs ir tikai piemērs, lai ~ daudz maz saprastu domu ko ar to censas pateikt autors. Tu tač apzinies ka šī ir vienkārši bezjēdzīga saruna... Link to comment Share on other sites More sharing options...
Recommended Posts