Reklama 400x60
PHP: DIV Nejuda iš vietos
Autorius: Daslee
Peržiūrų: 1930
Daslee
Narys
Margas
Pranešimai: 74
Įstojęs: 2010 Sau. 17 19:01:20
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
4 atsakymai:
WantedBoy
Narys
Ekspertas
Pranešimai: 2443
Įstojęs: 2007 Bir. 6 19:06:30
bandyk position daryt static arba fixed0
greitieji kreditai
WantedBoy
Narys
Ekspertas
Pranešimai: 2443
Įstojęs: 2007 Bir. 6 19:06:30
idek daugiau .css kodo0
greitieji kreditai
Daslee
Narys
Margas
Pranešimai: 74
Įstojęs: 2010 Sau. 17 19:01:20
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;
}
0
Daslee
Narys
Margas
Pranešimai: 74
Įstojęs: 2010 Sau. 17 19:01:20
Tai niekas nežinote kaip išspręsti šią problemą?0
Peršokti į forumą:
Žaliems
Nebeegzistuojančios svetainės
Bendri PHP-F klausimai
WordPress
Kiti PHP, HTML, MySQL klausimai
Expert PHP, MySQL klausimai
Kitos TVS
C#, Python, Java, JS, C++ klausimai
Naujų modų pristatymai
Mods, Panels & Infusions
Themes
Dalinuosi, dovanoju!
Jūsų saitai
Klausimai apie domenus ir hostingus
VPS/DS serverių konfigūravimas ir valdymas
Viskas apie skaitliukus, top'us ir lankomumą
Dizaino konkursai
Parduodu - perku dizainą, banerį
Parduodu - perku - keičiuosi reklama
Parduodu - perku domeną, tinklapį
Siūlau - ieškau hostingo/VPS serverio
Parduodu - perku skriptą, modifikaciją, tvs
Socialiniai tinklai - Facebook ir kiti
Legalus verslas, teisiniai klausimai
Visa kita kas susiję su darbu ir pinigais
LTStartups.com - Lietuvos startuolių bendruomenė
Off-Topic diskusijos
IT naujienos
Portalo informacija
Narių pasiūlymai
Geležis ir programinė įranga
Grafika
Out Of Place
Su e-verslu nesusijęs darbas ir prekyba
Dalinuosi, dovanoju!