ugrás a tartalomhoz

Archívum - Jan 2, 2010 - Fórum téma

CSS öröklési hiba

Viper · 2010. Jan. 2. (Szo), 20.52
Sziasztok!

Eddig úgy éreztem, hogy a css öröklési alapjait tudom, de most elbizonytalanodtam. Itt egy "félig" teszt oldal:

CSS Teszt

Probléma no. 1.: a "Felhaszn. név" és "jelszó" fontmérete. Ezt honnan veszi és miért? ( a css-ben szándékosan elcseszett pici fontméret van )

Probléma no. 2.: IE-ben miért nincs középen a div?

Illetve egy általános kérdés: hogyan is megy a css-ben az öröklés ( törölheti valami az öröklést? ), illetve ha egy adott elemen van "style" attribútum is és "class" is, akkor az hogyan kerül összeféslülésre?ű

Előre is köszi,

Tom
 

CSS div függőleges kitöltés

larryhughes · 2010. Jan. 2. (Szo), 12.36
Üdv!
Erősen ismerkedőben a CSS-el, egy olyan problémába ütköztem, amit jónéhány napi guglizás után sem sikerült megoldanom.
Van egy egyszerű honlap struktúra:

<div id="header">valami</div>
<div id="content">valami</div>
<div id="footer">valami</div>
A header és a footer 50px. Hogyan lehet megcsinálni azt, hogy a content div kitöltse a böngészőben a rendelkezésére álló függőleges teret úgy, hogy a footer a böngésző aljához illeszkedjen? A content tartalma esetenként csak néhány szó, ezért az nem mindig tudja biztosítani, hogy a honlap alja elérje a böngésző alját (különösen nagyobb felbontások esetén).
Néhány leírás alapján én ezzel próbálkoztam:

html {
height: 100%;
}
body {
height: 100%;
margin: 0px;
padding: 0px;
}
#header {
width: 850px;
height: 50px;
margin: auto;
}
#content {
width: 850px;
min-height: 100%; 
margin: auto;
}
#footer {
width: 850px;
height: 50px;
margin: auto;
}
Sajnos ez sem igazán megfelelő, mert ekkor viszont már megjelenik a görgetősáv, és a footert csak legörgetve lehet elérni.
 

Javascript szülő osztály hívásának továbbörökítése

inf3rno · 2010. Jan. 2. (Szo), 04.24
Üdv.

Van egy kis gondom, amire nem találtam semmilyen megoldást.
A lényeg, hogy származtatni szeretnék osztályokat egymásból, és a szülő osztály függvényeit elérni. A gondom az, hogy a szülő osztályból hívott függvényben a this.parent nem a nagyszülőre, hanem a szülőre vonatkozik, és így végtelen ciklusba kerül. Ez persze logikus, viszont kíváncsi vagyok létezik e megoldás ennek kikerülésére.

Itt egy példa:

Object.prototype.extend=function (source)
{
	if (source)
	{
		for (var property in source)
		{
			if
			(
				(property in Object.prototype)
				?
					source[property]!==Object.prototype[property]
				&&
					this[property]===Object.prototype[property]
				:
					!(property in this)
			)
			{
				this[property]=source[property];
			}
		}
	}
	return this;
};

Object.prototype.implement=function (source)
{
	if (source)
	{
		for (var property in source)
		{
			if
			(
				!(property in Object.prototype)
			||
				source[property]!==Object.prototype[property]
			)
			{
				this[property]=source[property];
			}
		}
	}
	return this;
};
	
Class=function (source)
{
	return function ()
	{
		if (this.initialize instanceof Function)
		{
			this.initialize.apply(this,arguments);
		}
	}.implement(source);
};

Function.prototype.extend(
{
	extend: function (source)
	{
		this.prototype.extend(source.prototype);
		this.prototype.parent=source.prototype;
		return this;
	},
	implement: function (source)
	{
		this.prototype.implement(source);
		return this;
	}
});
	
var a=new Class(
{
	initialize: function ()
	{
		this.a=1;
	}
});

var b=new Class(
{
	initialize: function ()
	{
		this.parent.initialize.apply(this,arguments);
		this.b=1;
	}
}).extend(a);

var c=new Class(
{
	initialize: function ()
	{
		this.parent.initialize.apply(this,arguments);
		this.c=1;
	}
}).extend(b);

var d=new c;
alert(d.a && d.b && d.c);