Jump to content
php.lv forumi

labā mala statiska, kreisā staipās


ray

Recommended Posts

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 by ray
Link to comment
Share on other sites

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

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

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

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

×
×
  • Create New...