CSS float left right none clear both

CSS float left right none clear both

Dieses CSS hat ein paar sehr wichtige Punkte drinnen – float left right none clear both \r\n\r\n

\r\n\r\n* {\r\n	margin:0;\r\n	padding:0\r\n}\r\n\r\n#message, .textmail {\r\n	width:400px;\r\n	height:150px;\r\n	border:1px #ccc solid;\r\n}\r\n.headerforum, .headermail{\r\n	width:200px;\r\n	border:1px #ccc solid;\r\n	border-bottom:3px #ccc solid;\r\n	font-weight:bold;\r\n}\r\ntd label {\r\n	display:block;\r\n}\r\n\r\n.eintrag {\r\n	font-size:11px;\r\n	padding:0px 10px 10px 4px;\r\n}\r\n.eintrag a {\r\n	font-size:11px;\r\n	font-weight:bold;\r\n}\r\n\r\n#headeradresse .headerdiv h2{\r\n	font-size:14px;\r\n	color:#333;\r\n	padding:2px;\r\n}\r\n.tabelleadresse {\r\n	background-color:#ccc;\r\n}\r\n.tabelleadresse td {\r\n	background-color:#fff;\r\n}\r\n\r\n.cat_liste {\r\n	float:left;\r\n	width:230px;\r\n	padding:4px;\r\n}\r\n\r\n\r\n.tx_lumogooglemaps_pi1_sidebar {\r\n	display:none;\r\n}\r\n\r\n.n, .no {\r\n	display:none;\r\n}\r\n\r\n.suchfeld {\r\n	border:1px #ccc solid;\r\n	margin-bottom:2px;\r\n}\r\n.suchbutton {\r\n	border:0px #ccc solid;\r\n	background-color:#ccc;\r\n	color:#000;\r\n}\r\n\r\n\r\n.csc-mailform{\r\n	border:1px #fff solid;\r\n	margin:0px auto;\r\n	width:400px;\r\n	padding:10px;\r\n	color:#000;\r\n	font-weight:bold;\r\n}\r\n\r\n.csc-mailform-field {\r\n	width:350px;\r\n	margin:10px auto;\r\n}\r\n.csc-mailform-field label {\r\n	float:left;\r\n	width:140px;\r\n	padding:2px;\r\n	margin-bottom:10px;\r\n}\r\n\r\n.csc-mailform-field input {\r\n	float:left;\r\n	width:200px;\r\n	background-color:#ccc;\r\n	border:1px #990000 solid;\r\n	padding:2px;\r\n	margin-bottom:10px;\r\n}\r\n.csc-mailform-field .csc-mailform-check {\r\n	width:20px;\r\n}\r\n\r\n.csc-mailform-field textarea {\r\n	float:left;\r\n	width:200px;\r\n	background-color:#ccc;\r\n	border:1px #990000 solid;\r\n	padding:2px;\r\n	margin-bottom:5px;\r\n}\r\n.csc-mailform-field select {\r\n	float:left;\r\n	width:200px;\r\n	background-color:#ccc;\r\n	border:1px #990000 solid;\r\n	padding:2px;\r\n}\r\n.csc-mailform-field .csc-mailform-submit {\r\n	width:150px;\r\n	background-color:#ccc;\r\n	text-align:center;\r\n	color:#fff;\r\n	font-weight:bold;\r\n	float:right;\r\n	border:1px #ccc sold;\r\n}\r\n\r\n\r\n.newsitem {\r\n	border-bottom:1px #575547 solid;\r\n	padding-bottom:6px;\r\n	margin-bottom:6px;\r\n	float:left;\r\n	width:298px;\r\n	clear:both;\r\n}\r\n.newsbild {\r\n	width:130px;\r\n	float:left;\r\n}\r\n.newstext {\r\n	width:168px;\r\n	float:left;\r\n}\r\n.newstext h2, .newstext h2 a{\r\n	font-size:14px;\r\n	padding:0px;\r\n	margin:0px;\r\n}\r\n.news-list-morelink {\r\n	text-align:right;\r\n}\r\n.news-list-morelink a{\r\n	text-decoration:none;\r\n}\r\n.spalenausgabe {\r\n	float:left;\r\n	width:500px;\r\n	clear:both;\r\n}\r\n.spalte1 {\r\n	float:left;\r\n	width:190px;\r\n}\r\n.spalte2 {\r\n	float:right;\r\n	width:300px;\r\n}\r\nbody {\r\n	color:#504F43;\r\n	font-family:Arial, Verdana, Sans-serif;\r\n	font-size:13px;\r\n	margin:0;\r\n	padding:0;\r\n	background-color:#E9E9E9;\r\n}\r\n/* HEADINGS */\r\n.headerdiv h2 {\r\n	color:#575547;\r\n	font-weight:bold;\r\n	font-size:20px;\r\n}\r\n.headerdiv {\r\n	margin:20px 0px 15px 0px;\r\n	padding:0px;\r\n	width:auto;\r\n	border-style:solid;\r\n	border-width:0px 0px 1px 0px;\r\n	border-color:#AEA992;\r\n\r\n}\r\nh3 {\r\n	color:#6C6A5E;\r\n	font-weight:bold;\r\n	font-size:14px;\r\n	margin:15px 0px 8px 0px;\r\n	padding:0px;\r\n}\r\na, a:link, a:link, a:link, a:hover {\r\n	background:transparent;\r\n	text-decoration:underline;\r\n	cursor:pointer\r\n}\r\na:link {\r\n	color:#990000\r\n}\r\na:visited {\r\n	color:#990000\r\n}\r\na:hover, a:active {\r\n	color:#990000\r\n}\r\na img {\r\n	border:none\r\n}\r\n.eintragnews h2,.eintragnews h2 a {\r\n	font-size:12px;\r\n	margin:0px;\r\n	padding:0px;\r\n}\r\n\r\np {\r\n	margin:8px 0px 8px 0px\r\n}\r\n.eintragnews p {\r\n	margin:1px 0px 8px 0px\r\n}\r\ntable td {\r\n	padding:2px;\r\n}\r\n\r\n#wrap {\r\n	margin: 0 auto;\r\n	width:950px;\r\n	background-color:#fff;\r\n	border-style:solid;\r\n	border-color:#fff;\r\n	border-width:0px 10px 0px 10px;\r\n}\r\n\r\n#header {\r\n	height:40px;\r\n	border-bottom: 1px solid #fff;	\r\n	border-top: 10px solid #fff;\r\n}\r\n#rootline {\r\n	clear:both;\r\n	color:#807E72;\r\n	padding:0px 0px 0px 15px;\r\n	list-style-type:none;\r\n	background-color:#fff;\r\n	height:26px;\r\n	background-repeat:no-repeat;\r\n	font-size:11px;\r\n	margin-bottom:15px;\r\n}\r\n#rootline a {\r\n	line-height:26px;\r\n	text-decoration:none;\r\n	font-weight:normal;\r\n	cursor:pointer;\r\n	color:#727066;\r\n	margin:0;\r\n	padding:0;\r\n}\r\n\r\n#topmenu {\r\n	padding:0;\r\n	margin:0;\r\n	list-style-type:none;\r\n	height:36px;\r\n	font-size:13px;\r\n	background-color:#a8a69b;\r\n}\r\n#topmenu li {\r\n	height:36px;\r\n	float:left;\r\n	padding: 0px 15px 0px 15px;\r\n	margin:0;\r\n	border-right:1px #ccc solid;\r\n}\r\n#topmenu a{\r\n	line-height:36px;\r\n	vertical-align:middle;\r\n	text-decoration:none;\r\n	font-weight:bold;\r\n	cursor:pointer;\r\n	color:#fff;\r\n	margin:0;\r\n	padding:0;\r\n	display:block;\r\n}\r\n#topmenu a:hover {\r\n	color:#DEDCCE;\r\n}\r\n\r\n#contentwrap {\r\n	clear:both;\r\n	width:950px;\r\n	padding:0;\r\n}\r\n#leftcol {\r\n	float:left;\r\n	width:200px;\r\n	padding:0px 0px 15px 0px;\r\n}\r\n#rightcol {\r\n	float:right;\r\n	width:200px;\r\n	padding:0px 0px 15px 0px;\r\n}\r\n#content ul, #content ol{\r\n	clear:both;\r\n	margin-left:30px;\r\n}\r\n#content {\r\n	float:left;\r\n	width:495px;\r\n	padding:0px 25px 0px 25px;\r\n	margin-bottom:15px;\r\n}\r\n#contentfull {\r\n	width:890px;\r\n	padding:0px 30px 0px 30px;\r\n	margin-bottom:15px;\r\n}\r\n

Schreiben Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.