WordPress, Shopify ir PHPFusion programuotojų bendruomenė

Parašė Daslee· 2011 Rugs. 11 18:09:15

Sveiki. Ką tik pastebėjau savo svetainėje šiokia tokia problemėle ir noriu paprašyti jūsų pagalbos. Kai sukūriau šia svetaine, nepastebejau tos problemos, bet dabar pastebėjau. Problema yra ta, kad mažinant naršyklės plotį, mano backgroundas ir pagrindinis DIV tag'as juda, o kiti smulkesni DIV tagai nejuda. Štai video kaip atrodo viskas:
http://www.youtube.com/watch?v=r...

Spėju tai yra dėl stilių, nes pagrindiniam DIV nėra nustatyta position. O tiem smulkesniem yra, nes juos reikia biski pastumdyti į šonus. Tai va, duosiu stilius:

.status {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	position:absolute;
	width:300px;
	height:85px;
	left: 710px;
	top: 334px;
	z-index:1;
	text-align:left;
	margin-bottom:5px;
	background-image: url(images/sstatus.png);
}
.tpvp {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	position:absolute;
	width:300px;
	height:98px;
	z-index:2;
	left: 710px;
	top: 424px;
	text-align:left;
	margin-bottom:5px;
	background-image: url(images/tpvp.png);
}
.tpk {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	position:absolute;
	width:300px;
	height:98px;
	z-index:3;
	left: 710px;
	top: 527px;
	text-align:left;
	margin-bottom:5px;
	background-image: url(images/tpk.png);
}

Čia tų 3 pilkų DIV'ų stiliai. Ir man pačiam atrodo jog problema yra su: position:absolute;
Taigi tikiuosi padėsite kasnors išspręsti šią problema, kad judėtų kiti DIV'ai :)

Redagavo Daslee· 2011 Rugs. 11 18:09:57

Parašė Daslee· 2011 Rugs. 12 14:09:25

Va visas .css:

iframe {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
td {
	margin: 0px;
	padding: 0px;	
}
.menustyle {
	color:#000;
	font-family:Arial;
	font-size:17px;
	text-decoration:none;	
	padding-left:8px;
	padding-right:8px;
}
.menustyle:hover {
	color:#FF0;
	font-family:Arial;
	font-size:17px;
	text-decoration:none;	
}
.menustyle1 {
	color:#39F;
	font-family:Arial;
	font-size:17px;
	text-decoration:none;	
	padding-left:8px;
	padding-right:8px;
}
.menustyle1:hover {
	color:#FF0;
	font-family:Arial;
	font-size:17px;
	text-decoration:none;	
}
body {
	padding-top:0px;
	margin-top:0px;
	background-color: rgb(0, 0, 0);
}
center {
	padding-top:0px;
	margin-top:0px;
}
.content {
	background: url('images/content.png') no-repeat;
	width: 770px;
	height: 301px;
	text-align:left;
}
.maincontent {
	background: url('images/bg.png') no-repeat;
	height: auto;
	width: 998px;
}
.news {
	background-color: transparent;
	height: auto;
	padding-left: 15px;
	width: 435px;
}
.header {
	background: url('images/logo.png') no-repeat;
	height: 300px;
	width: 770px;
}
.menu {
	background: url('images/subheader.png') no-repeat;
	height: 30px;
	width: 998px;
}
.footeris {
	background: url('images/foot.png') no-repeat;
	height: 10px;
	width: 770px;
	padding-top: 0px;
	margin-top: 0px;
}
.status {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	position:absolute;
	width:300px;
	height:85px;
	left: 710px;
	top: 334px;
	z-index:1;
	text-align:left;
	margin-bottom:5px;
	background-image: url(images/sstatus.png);
}
.tpvp {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	position:absolute;
	width:300px;
	height:98px;
	z-index:2;
	left: 710px;
	top: 424px;
	text-align:left;
	margin-bottom:5px;
	background-image: url(images/tpvp.png);
}
.tpk {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	position:absolute;
	width:300px;
	height:98px;
	z-index:3;
	left: 710px;
	top: 527px;
	text-align:left;
	margin-bottom:5px;
	background-image: url(images/tpk.png);
}
#pinfo {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	position:inherit;
	width:400px;
	height:15px;
	z-index:4;
	left: 710px;
	top: 527px;
	text-align:left;
	background-image: url(images/pnfoot.png);
}
#apDiv1 {
	position:inherit;
	width:423px;
	height:295px;
	z-index:4;
	left: -435px;
	top: -1px;
}
 
.pstart {
	background: url('images/panelstart.png') no-repeat;
	width: 194px;
	height: 27px;
	text-align:left;
}
.pbody {
	background: url('images/panelbody.png') repeat-x;
	width: 194px;
	height: 27px;
	text-align:left;
}
.pend {
	background: url('images/panelend.png') no-repeat;
	width: 194px;
	height: 27px;
	text-align:left;
}