Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: HTML/CSS klausimai

Parašė mNm.· 2011 Bal. 3 17:04:51
#1
Sveiki, taigi mečiau visokius <table></table> n shit ir nesenai pradėjau naudoti HTML <div></div>. Ir dabar susikodavau sau dizainą tik su div'ais gan neblogai sekėsi, sukodavau pagal W3C standartus be klaidų, bet iškilo šiokia tokia problemėlė su IE.

Taigi atsidarant per FireFox dizainą rodo kaip reikia, footeris centre, kaip ir turi būti viskas čiki. O su IE dizainą rodo normaliai, tik footeris labai išvažiavęs į dešinę pusę...

Kaip atrodo per Firefox - http://img51.imageshack.us/img51...288414.png
Kaip atrodo per IE - http://img156.imageshack.us/img1...785367.png

HTML kodas:

 
<div id="footer">
	<div id="footerLeft">Copyright © kažkas.lt 2010. Visos teisės saugomos.</div>
	<div id="footerRight">mNm solutions - <a href="http://validator.w3.org/check?uri=referer">xHTML</a></div>
</div>


CSS kodas:


#footer{
	position: absolute;
	bottom: 0;
	width: 900px;
	color: #a2a2a2;
	text-shadow: 1px 1px 0px #fff;
	height: 20px;
	padding: 10px;
	padding-bottom: 5px;
	border-top: 1px dashed #b3b3b3;
	background-color: #dbdbdb;
}
 
#footerLeft {
	float: left;
}
 
#footerRight {
	float: right;
}


Gal žinot dėl ko taip?

Parašė Žmogus· 2011 Bal. 3 17:04:41
#2
#footer{

position: absolute;

bottom: 0;

width: 900px;

color: #a2a2a2;

text-shadow: 1px 1px 0px #fff;

height: 20px;

padding: 10px;

padding-bottom: 5px;

border-top: 1px dashed #b3b3b3;

background-color: #dbdbdb;

}


kam tas absolute tau reikalingas?
Redagavo Žmogus· 2011 Bal. 3 17:04:03

Parašė mNm.· 2011 Bal. 3 17:04:44
#3
Google radau, kad būtų footeris prie apačios prilipęs.

Parašė Žmogus· 2011 Bal. 3 18:04:36
#4
Ten nsm yra, bugu bugas, nenaudok tos nesamonės.

Parašė mNm.· 2011 Bal. 3 18:04:38
#5
hmm... tai kaip išspręsti šią bėdą?

Parašė Linas.· 2011 Bal. 3 20:04:32
#6
trint lauk absolute. :)

Parašė mNm.· 2011 Bal. 3 20:04:52
#7
Dėja, dabar susitvarkiau jau. Ir su position: absolute; tiesiog kitokiu būdu. :)

Parašė zaiboras· 2011 Bal. 3 20:04:33
#8
Gal pasidalink ir su kitais ? :) jeigu kam nors iškiltu tokia pati bėda :)

Parašė mNm.· 2011 Bal. 3 20:04:37
#9
Aš pasidariau, taip, kad per visą monitorių išilgai rodytų foną. Panaudojau nuotrauką kaip foną ir ją repeat-x. Nežinau, gal puse CSS ir komandų nereikia. Bet veikia, tiek per FireFox, IE.

CSS:

#footerFonas {
	background: url(images/footer-bg.png) repeat-x; 
	height: 49px;
	position: absolute; 
	bottom: 0;
	width: 100%;
}
 
#footer {  
	margin: 0 auto;
	height: 45px; 
	color: #a2a2a2;}
 
#footerLeft {
	float: left;
	padding: 20px 10px 10px 10px;
}
 
#footerRight {
	float: right;
	padding: 20px 10px 10px 10px;
}


HTML:


<div id="footerFonas">
	<div id="footer">
		<div id="footerLeft">Copyright © kažkas.lt 2010. Visos teisės saugomos.</div>
		<div id="footerRight">mNm solutions - <a href="http://validator.w3.org/check?uri=referer">xHTML</a> / <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a></div>
	</div>
</div>

Parašė AivarasZs· 2011 Bal. 3 21:04:43
#10
Jopapa. Tu nori kad tas footeris stovėtu centre? Jai taip tai virš:

<div id="footer">

Parašyk

<div align="center">

Turi atrodyti tai išdėstymas vienas po kito.

<div align="center">

<div id="footer">

O visa kita bruda trink lauk tiek iš html failo tiek iš css failo.
Tikiuosi padėjau ;)
Redagavo AivarasZs· 2011 Bal. 3 21:04:40