Jump to content

HTML div`s izlien no pārlūka loga?


MartinsBe
 Share

Recommended Posts

Sveicināti biedri. Ir sekojoša lieta, ka viens divs izlien ārpus pārlūka loga. Kā to novērst? plus esmu viskaut ko izmēģinājis lai visu lapu izņemot augša to šauro maliņu iecentrētu? pas man būtu jāpalabo? Pielikumā arī css kods.

html {
	margin:	0;
	padding: 0;
} 
body {
	/*background: #FFB00F;*/
	font-family: 'Allura', lucida, cursive, arial;
	background: #333300;
	width: 100%;
	height: 100%;	
	margin: 0;

}
h1 {
	font-size: 24px;
	text-align: center;
	margin: 0;
}
h2 {
	font-size: 24px;
	color: #ffffff;
}
hr {
	width: 75%;
	background-color: #999999;
}
input[type="text"],
input[type="checkbox"] {
	background: #cccccc;
	border: 1px solid #aaaaaa;
	border-radius: 3px;
	color: #786b64;
	font-size: 12px;
}
a:link, 
a:visited,
a:hover,
a:active {
	color: rgb(152, 76,63);
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
}
ul, 
li {
	display: inline-block;
	word-spacing: 25px;
	margin: 0;
}
p {
	/*color: rgb(234,128,71);*/
	/*color: #786b64;*/
	color: #444444;
	font-size: 14px;
	text-align: justify;
	font-family: lucida;
	padding-left: 50px;
	padding-right: 50px;
}
.head {
	width: 100%;
	background: url("/static/fons.png");
	background-repeat: repeat-x;
	position: fixed;
	top: 0;
	left: 0;	
} 
#container {
	width: 100%;
	position: fixed;
	top: 20px;
	/*border-radius: 5px;*/
	/*box-shadow: 0px 0px 30px #cccccc;*/
}
#logo {
	position: absolute;
	left: 0; 
	right: 0;
	width: 75%;
	height: 137px;
	z-index: 10000;
	background: -webkit-radial-gradient(circle, rgb(255, 255, 255), rgb(239, 132, 70));
	background: -moz-radial-gradient(circle, rgb(255, 255, 255), rgb(239, 132, 70));
	text-align: center;
	vertical-align: middle;
	/*border-radius: 5px 5px 0 0;*/
}
#page {
	position: fixed;
	width: 75%;
	height: 90%;
	top: 157px;
	margin-bottom: 10px;
	background: #ff9900;
	background-attachment: fixed;
	border-radius: 0 0 5px 5px;
	overflow-y: scroll; 
}
#bottom {
	position: absolute;
	bottom: 20px;
	background: #ffffff;
}

Kas ir jāizlabo, lai tas nelīstu ārpus loga un kas būtu jāpamaina, lai to augšējo pārejošo divu un teksta lauku iecentrētu, jo esmu izmēģinājis vis kaut ko, bet nesanak.

post-63153-0-19175600-1418736810_thumb.jpg

Link to comment
Share on other sites

TasEsmuEss

ja izlien no loga, tad var palīdzēt overflow:hidden; vai arī iestati max-width procentos, lai nelien ārā ne no viena ekrāna.

Link to comment
Share on other sites

Izveido kontu, vai pieraksties esošajā, lai komentētu

Jums ir jābūt šī foruma biedram, lai varētu komentēt tēmas

Izveidot jaunu kontu

Piereģistrējies un izveido jaunu kontu, tas būs viegli!

Reģistrēt jaunu kontu

Pierakstīties

Jums jau ir konts? Pierakstieties tajā šeit!

Pierakstīties tagad!
 Share

×
×
  • Izveidot jaunu...