Webstatt.org - Community seit 2006 - 2012 (2024?)

Wieder DIV's

user-137
12.11.2006 10:49
Hallo,

volgendes Problem:

CSS:



.div {

	position: absolute;

	padding: 20px;

	float: left;

	width: 350px;

}



HTML:



<div class="div">

	//Inhalt

</div>


Leider wird das was oben im Code steht nicht ausgeführt!
Aber wenn ich es so mache:



<div class="div" style="position: absolute; padding: 20px; float: left; width: 350px;">

	//Inhalt

</div>


Geht alles.
Wo liegt der Fehler?

Mfg. BNS
user-157
12.11.2006 10:58
mh.. vielleicht liegts einfach dadran, dass der div "div" heißt. nenn ihn mal anders zwinkern
asdf!
Avatar user-294
12.11.2006 11:09
Nee, daran kann es nicht liegen. Zeig mal bitte das ganze Beispiel.
user-137
12.11.2006 11:35
http://victorvici.vi.funpic.de/div.php
user-137
17.11.2006 11:47
BIn nun soweit:

CSS:

/* Boxen Div's */



.main {

	width: 350px;

}



.l_o {

	float: left;

	width: 23px;

	height: 33px;

	background-image: url(./box/l_o.gif); 

	background-repeat: no-repeat;

}





.m_o {

	background-image: url(./box/m_o.gif);

	background-repeat: repeat;

}





.r_o {

	float: right;

	width: 23px;

	height: 33px;

	background-image: url(./box/r_o.gif);

	background-repeat: no-repeat;

}











.l_m {

	background-image: url(./box/l_m.gif);

	background-repeat: no-repeat;

}





.r_m {

	background-image: url(./box/r_m.gif);

	background-repeat: no-repeat;

}









.l_u {

	float: left;

	width: 24px;

	height: 24px;

	background-image: url(./box/l_u.gif);

	background-repeat: no-repeat;

}





.m_u {

	height: 24px;

	background-image: url(./box/m_u.gif);

	background-repeat: repeat;

}





.r_u {

	float: right;

	width: 24px;

	height: 24px;

	background-image: url(./box/r_u.gif);

	background-repeat: no-repeat;

}


Und der Code:

<div class="main">

	<div class="l_o"></div>

	<div class="m_o"><img src="./images/space.gif" alt="" width="1" height="33" /></div>

	<div class="r_o"></div>

	<div class="l_u"></div>

	<div class="m_u"><img src="./images/space.gif" alt="" width="1" height="33" /></div>

	<div class="r_u"></div>

</div>


Woran liegt es das die beiden div's nicht ganz rechts sind?
user-137
19.11.2006 12:32
kann mir da keiner helfen?
Avatar user-300
19.11.2006 13:02
Was willst du damit erreichen? Flexible Höhe und/oder Breite? Muss Text rein? Dein bisheriges XHTML ist ... naja :tired:
user-137
19.11.2006 13:11
Also auf dem Anhang sieht man ja das die zwei div's nicht ganz rechts sind, also sie beenden die Zeile nicht, und das ist ja auch das Problem sie sollen die Box beenden.

Aber sie hängen irgendwie da unten, und ich weiß nicht wieso.
Avatar user-300
19.11.2006 13:22
Original von user-137
Also auf dem Anhang sieht man ja das die zwei div's nicht ganz rechts sind, also sie beenden die Zeile nicht, und das ist ja auch das Problem sie sollen die Box beenden.

Aber sie hängen irgendwie da unten, und ich weiß nicht wieso.


Das hast du schon oben geschrieben :rolleyes:

Original von user-300
Was willst du damit erreichen? Flexible Höhe und/oder Breite? Muss Text rein? Dein bisheriges XHTML ist ... naja :tired:


Ansonsten kannst du ja auch einfach ein Bild verwenden.
user-137
19.11.2006 13:29
Also die Breite hab ich festgelegt aber die höche soll flexibel sein.

Das alles geht ja bis jetzt eigentlich nur die zwei div's närven mich eben.
Avatar user-182
19.11.2006 14:17
css-code wie von icq.com ^^
wenn die breite deines designs eh fest ist kannst du auch "oben links", "oben mitte" und "oben rechts" in ein "oben" (und somit in eine grafik) zusammenfassen
Seid ihr auch schon wix'r? xD
user-137
19.11.2006 15:13
jep das schon aber ich habe ja mehrere Styles das ist ja nur no1
bei no2 wirds verschieden.