CSS-Datei verbessern

Status
Nicht offen für weitere Antworten.
Blackylein

Blackylein

Erfahrenes Mitglied
Hi!

Für meine HP hab ich eine CSS-Datei die fast 11Kb hat. Ich hab mir gedacht, dass man da ein paar Sachen sicher vereinfachen bzw. verbessern kann.
Vielleicht könnt ihr mir dabei helfen?

Code: 
 /* BODY */
 
 body {
 
 	background-color:		  #506173;
 	font-family:	    		Arial, Sans-Serif;
 	font-size:	    			8pt;
 	color:	    	    		  #000000;
 	text-align:	    			center;
 	vertical-align:			  top;
 
 }
 
 /* UEBERSCHRIFTEN */
 
 h2 {
 
   font-weight:			bold;
   
 }
 
 /* PSEUDOFORMATE */
 
 a:link {
 
   color:				#669a0a;
   text-decoration:	  none;
   
 }
 
 a:visited {
 
   color:				#669a0a;
   text-decoration:	  none;
 
 }
 
 .menue, .copyright_left, .copyright_right a:link {
 
   color:				#000000;
   text-decoration:	  none;
   
 }
 
 .menue, .copyright_left, .copyright_right a:visited {
 
   color:				#000000;
   text-decoration:	  none;
   
 }
 
 /* HAUPTTABELLE */
 
 .haupttabelle {
 
 	width:	    	    		  798px;
 	padding:	        		  0px;
 	vertical-align:			  top;
 	border-width:				0px;
 	margin:	    	    		  0px;
 	background-color:		  #617381;
   position:			   relative;
   margin-left:			auto;
 	margin-right:		   auto;
 
 }
 
 .logo {
 
     width:				  798px;
     height:				 120px;
 	padding:				0px;
 	position:			   relative;
 	margin-left:			auto;
 	margin-right:		   auto;
   
 }
 
 /* MENUE */
 
 .menue {
 
     width:				  798px;
 	height:				 15px;
 	padding:				0px;
 	position:			   relative;
 	margin-left:			auto;
 	margin-right:		   auto;
 	margin-bottom:			  0px;
 	z-index:				10;
 	cursor:				 hand;
 	display:				block;
 	
 }
 
 .menueitem1, .menueitem2, .menueitem3, .menueitem4, .menueitem5, .menueitem6 {
 
     width:				  133px;
 	background-repeat:	  no-repeat; 
     float:				  left;
 	text-align:			 center;
 	padding:				0px;
 	cursor:				 hand;
   
 }
 
 .menueitem1 {
 
 	background-color:	   #275380;
 
 }
 
 .menueitem2 {
 
 	background-color:	   #3571ad;
   
 }
 
 .menueitem3 {
 
 	background-color:	   #669a0a;
   
 }
 
 .menueitem4 {
 
 	background-color:	   #90b728;
   
 }
 
 .menueitem5 {
 
 	background-color:	   #fe9b02;
   
 }
 
 .menueitem6 {
 
 	background-color:	   #ffc422;
   
 }
 
 .submenue1, .submenue2, .submenue3, .submenue4, .submenue5, .submenue6 {
 
     width:				  128px;
 	background-repeat:	  no-repeat;
 	text-align:			 left;
 	font-size:			  12px;
 	padding-left:		   5px;
   
 }
 
 .submenue1 {
 
 	background-color:	   #275380;
   
 }
 
 .submenue2 {
 
 	background-color:	   #3571ad;
   
 }
 
 .submenue3 {
 
 	background-color:	   #669a0a;
   
 }
 
 .submenue4 {
 
 	background-color:	   #90b728;
   
 }
 
 .submenue5 {
 
 	background-color:	   #fe9b02;
   
 }
 
 .submenue6 {
 
 	background-color:	   #ffc422;
   
 }
 
 ul {
 
   padding:				0;
   margin:				 0;
   list-style:			 none;
 	
 }
 	
 li {
 
   float:				  left;
   position:			   relative;
   width:				  133px;
 	
 }
 	
 li ul {
 
   display:				none;
   position:			   absolute;
   top:				    10px;
   left:				   0;
 	
 }
 
 * html li ul {
 
   display:			   none;
   position:			  absolute;
   top:				   16px;
   left:				  0;
    
 }
    
 li > ul {
 
   top:				   auto;
   left:				  auto;
 	
 }
 	
 li:hover ul, li.over ul { 
 
   display:			   block; 
 
 }
 
 /* BOXEN */
 
 .box {
 
 	width:	    	    		  205px;
 	vertical-align:			  top;
 	
 }
 
 .box_big {
 
 	font-size:			  12px;
 	font-weight:			bold;
 	text-align:			 center;
 	padding:				0px;
 	vertical-align:			  top;
 	width:	    	    		  590px;
 
 }
 
 .box_oben {
 
 	font-size:			  12px;
 	font-weight:			bold;
 	text-align:			 center;
     width:				  202px;
 	height:				 25px;
 	padding-top:			4px;
   padding:				0px;
 	background-image:	   url("../images/box_oben.gif");
 	background-repeat:	  no-repeat;
 	position:			   relative;
 	margin-left:			auto;
 	margin-right:		   auto;
 	
 }
 
 .box_main {
 
 	font-size:			  10px;
 	text-align:			 left;
     width:				  202px;
 	min-height:	    		    	80px;
 	padding:				0px;
 	background-image:	   url("../images/box_main.gif");
 	background-repeat:	  repeat-y;
 	position:			   relative;
 	margin-left:			auto;
 	margin-right:		   auto;
 	
 }
 
 .box_main p {
 
     margin:				 0 -1px 0 20px;
     padding:			    -3px 1px 0 0;
   
 }
 
 
 .box_unten {
 
 	font-size:			  10px;
 	text-align:			 center;
 	font-weight:			bold;
     color:				  #617381;
 	padding:				0px;
     width:				  202px;
 	height:				 23px;
 	background-image:	   url("../images/box_unten.gif");
 	background-repeat:	  no-repeat;
 	position:			   relative;
 	margin-left:			auto;
 	margin-right:		   auto;
 	margin-bottom:			20px;
 
 }
 
 .box_big_oben {
 
 	font-size:			  10pt;
   font-weight:			bold;
   text-align:			 center;
 	padding:				0px;
   padding-top:			4px;
     width:				  585px;
 	height:				 25px;
 	background-image:	   url("../images/box_big_above.gif");
 	background-repeat:	  no-repeat;
 	position:			   relative;
 	margin-left:			auto;
 	margin-right:		   auto;
   color:				  #669a0a;
 
 }
 
 .box_big_main {
 
 	font-size:			  8pt;
 	font-weight:			normal;
 	text-align:			 left;
     color:				  #000000;
     width:				  585px;
 	height:	    		    		752px;
 	padding:				0px;
 	vertical-align:		 top;
 	background-image:	   url("../images/box_big_main.gif");
 	background-repeat:	  repeat-y;
 	position:			   relative;
 	margin-left:			auto;
 	margin-right:		   auto;
 
 }
 
 .box_big_main p
 {
 
 	padding-top:			10px;
 	padding-left:		   45px;
 	padding-right:		  40px;
 	margin:	    	    		  0px;
 
 }
 
 .box_big_unten {
 
 	font-size:			  10px;
 	text-align:			 center;
     color:				  #617381;
 	padding:				0px;
     width:				  585px;
 	height:				 35px;
 	padding:				0px;
 	background-image:	   url("../images/box_big_bottom.gif");
 	background-repeat:	  no-repeat;
 	position:			   relative;
 	margin-left:			auto;
 	margin-right:		   auto;
 
 }
 
 .space {
 
     width:				  798px;
 	height:				 10px;
 	background-color:	   #617381;
 	position:			   relative;
 	margin-left:			auto;
 	margin-right:		   auto;
 	padding:				0px;
 	margin-top:	    			0px;
 	
 }
 
 .copyright_left {
 
     width:				  397px;
 	height:				 15px;
 	background-color:	   #617381;
 	font-size:			  8pt;
 	text-align:			 left;
   color:				  #000000;
 	
 }
 
 .copyright_left p {
 
   padding-left:		  15px;
 
 }
 
 .copyright_right {	  
 			 
     width:				  397px;
 	height:				 15px;
 	text-align:			 right;
 	font-size:			  8pt;
 	background-color:	   #617381;
 	padding-right:			  10px;
   color:				  #000000;
 	
 }
 
 .copyright_right p {
 
   padding-right:		  15px;
 
 }
 
 .poll {
 
 	padding-left:				20px;
 	margin:	    	    		  0px;
 
 }
 
 .poll form {
 
 	margin:	    	    		  0px;
 	padding:	        		  0px;
 	padding-top:				5px;
 	
 }
 
 .gal_table {
 
 	padding:	        		  5px;
 	
 }
 
 .miniatur_left {
 
   padding:			  5px;	  
   float:				left;
 
 }
 
 .kalender {
 
   padding-left:		 65px;
 
 }
 
 .kalender_text1 {
 
   padding:			  5px;	  
   float:				left;
 
 }
 
 .kalender_text2 {
 
   padding:			  5px;	  
   float:				left;
 
 }
 
 .sprechstunden {
 
   padding-left:		 65px;
 
 }
 
 .sprechstunden_text {
 
   padding:			  1px;	  
   float:				left;
 
 }
 
 .box_main form {
 
   padding-left:		 20px;
 
 }
 
 .voting {
 
 	margin-left:		  50px;
 
 }
 
 .minikalender {
 
   margin:				 0px;
   padding:				0px;
   border-width:		   1px;
   border-style:		   dotted;
   border-color:		   #506173;
   text-align:			 center;
   position:			   relative;
   margin-left:			auto;
 	margin-right:		   auto;
   
 }
 
 .minikalender_head {
 
   background-color:	 #506173;
   font-size:			8pt;
   text-align:		   left;
   font-weight:		  bold;
   margin:			   0px;
   padding:			  0px;
   border-width:		 0px;
   
 }
 
 .minikalender_heute {
 
   width:				15px;
   background-color:	 #90b728;
   color:				#669a0a;
   margin:			   0px;
   padding:			  0px;
   border-width:		 0px;
   font-size:			8pt;
   font-weight:		  bold;
   text-align:		   center;
   
 }
 
 .minikalender_special {
 
   width:				15px;
   color:				#669a0a;
   margin:			   0px;
   padding:			  0px;
   border-width:		 0px;
   font-size:			8pt;
   font-weight:		  bold;
   text-align:		   center;
 }
 
 .profil {
 
   border-width:		 1px;
   border-style:		 dotted;
   border-color:		 #506173;
   margin:			   0px;
   padding:			  0px;
   font-size:			10pt;
   text-align:		   left;
   
 }
 
 .profil_head {
 
   background-color:	 #506173;
   font-size:			10pt;
   text-align:		   center;
   font-weight:		  bold;
   margin:			   0px;
   padding:			  0px;
   border-width:		 0px;

Danke schon mal!

Cya
Blackylein

P.S.: hier der Link zur HP: http://www.intranet.dl.am oder http://www.master-ar.de/intranet
Benutzername: Beta.Tester
Passwort: b3t4
 
Code: 
body {
 background-color:#506173;
 font-family:Arial, Sans-Serif;
 font-size:8pt;
 color: #000000;
 text-align:center;
 vertical-align: top;
  }

body { background-color:#506173; font-family:Arial, Sans-Serif; font-size:8pt; color: #000000; text-align:center; vertical-align: top; }

Ich würde erstmal anfangen Übersicht darein zu bekommen ^^ Siehe Beispiel oben. 2. Variante bringt die kleinste Größe der Datei.

Stay tuned for more happy days
 
So. Hab das jetzt ein Mal gemacht. Ist das jetzt besser so?

Code: 
 /* BODY */
 
 body { background-color: #506173; font-family: Arial, Sans-Serif; font-size: 8pt; color: #000000; text-align: center; vertical-align: top; }
 
 /* UEBERSCHRIFTEN */
 
 h2 { font-weight: bold; }
 
 /* PSEUDOFORMATE */
 
 a:link { color: #669a0a; text-decoration: none; }
 
 a:visited { color: #669a0a; text-decoration: none; }
 
 .menue, .copyright_left, .copyright_right a:link { color: #000000; text-decoration: none; }
 
 .menue, .copyright_left, .copyright_right a:visited { color: #000000;text-decoration: none; }
 
 /* HAUPTTABELLE */
 
 .haupttabelle { width: 798px; padding: 0px; vertical-align: top; border-width: 0px; margin: 0px; background-color: #617381; position: relative; margin-left: auto; margin-right: auto; }
 
 .logo { width: 798px; height: 120px; padding: 0px; position: relative; margin-left: auto; margin-right: auto; }
 
 /* MENUE */
 
 .menue { width: 798px; height: 15px; padding: 0px; position: relative; margin-left: auto; margin-right: auto; margin-bottom: 0px; z-index: 10; cursor: hand; display: block; }
 
 .menueitem1, .menueitem2, .menueitem3, .menueitem4, .menueitem5, .menueitem6 { width: 133px; background-repeat: no-repeat; float: left; text-align: center; padding: 0px; cursor: hand; }
 
 .menueitem1 { background-color: #275380; }
 
 .menueitem2 { background-color: #3571ad; }
 
 .menueitem3 { background-color: #669a0a; }
 
 .menueitem4 { background-color: #90b728; }
 
 .menueitem5 { background-color: #fe9b02; }
 
 .menueitem6 {	background-color: #ffc422; }
 
 .submenue1, .submenue2, .submenue3, .submenue4, .submenue5, .submenue6 { width: 128px; background-repeat: no-repeat; text-align: left; font-size: 12px; padding-left: 5px; }
 
 .submenue1 { background-color: #275380; }
 
 .submenue2 { background-color: #3571ad; }
 
 .submenue3 { background-color: #669a0a; }
 
 .submenue4 { background-color: #90b728; }
 
 .submenue5 { background-color: #fe9b02; }
 
 .submenue6 { background-color: #ffc422; }
 
 ul { padding: 0; margin: 0; list-style: none; }
 	
 li { float: left; position: relative; width: 133px; }
 	
 li ul { display: none; position: absolute; top: 10px; left: 0; }
 
 * html li ul { display: none; position: absolute; top: 16px; left: 0; }
    
 li > ul { top: auto; left: auto; }
 	
 li:hover ul, li.over ul { display: block; }
 
 /* BOXEN */
 
 .box { width: 205px; vertical-align: top; }
 
 .box_big { font-size: 12px; font-weight: bold; text-align: center; padding: 0px; vertical-align: top; width: 590px; }
 
 .box_oben { font-size: 12px; font-weight: bold; text-align: center; width: 202px; height: 25px; padding-top:		    4px; padding:			    0px; background-image: url("../images/box_oben.gif"); background-repeat: no-repeat; position: relative;margin-left: auto; margin-right: auto; }
 
 .box_main { font-size: 10px; text-align: left; width: 202px;min-height: 80px; padding: 0px;background-image: url("../images/box_main.gif"); background-repeat: repeat-y; position: relative; margin-left: auto; margin-right: auto; }
 
 .box_main p { margin: 0 -1px 0 20px; padding: -3px 1px 0 0; }
 
 
 .box_unten { font-size: 10px; text-align: center; font-weight: bold; color: #617381; padding: 0px; width: 202px; height: 23px; background-image: url("../images/box_unten.gif"); background-repeat: no-repeat; position: relative; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
 
 .box_big_oben { font-size: 10pt; font-weight: bold; text-align: center; padding: 0px; padding-top: 4px; width: 585px; height: 25px; background-image: url("../images/box_big_above.gif"); background-repeat: no-repeat; position: relative; margin-left: auto; margin-right: auto; color: #669a0a; }
 
 .box_big_main { font-size: 8pt; font-weight: normal;text-align: left; color: #000000; width: 585px; height: 752px; padding: 0px; vertical-align: top; background-image: url("../images/box_big_main.gif"); background-repeat: repeat-y; position: relative; margin-left: auto; margin-right: auto; }
 
 .box_big_main p { padding-top: 10px; padding-left: 45px; padding-right: 40px; margin: 0px; }
 
 .box_big_unten { font-size: 10px; text-align: center; color: #617381; padding: 0px; width: 585px; height: 35px; padding: 0px; background-image: url("../images/box_big_bottom.gif"); background-repeat: no-repeat; position: relative; margin-left: auto; margin-right:  auto; }
 
 .space { width: 798px; height: 10px; background-color: #617381; position: relative; margin-left: auto; margin-right: auto; padding: 0px; margin-top: 0px; }
 
 .copyright_left { width: 397px; height: 15px; background-color: #617381; font-size: 8pt; text-align: left; color: #000000; }
 
 .copyright_left p { padding-left: 15px; }
 
 .copyright_right { width: 397px; height: 15px; text-align: right; font-size: 8pt; background-color: #617381; padding-right: 10px; color:	   #000000; }
 
 .copyright_right p { padding-right: 15px; }
 
 .poll { padding-left: 20px; margin: 0px; }
 
 .poll form { margin: 0px; padding: 0px; padding-top: 5px; }
 
 .gal_table { padding: 5px; }
 
 .miniatur_left { padding: 5px; float: left; }
 
 .kalender { padding-left: 65px; }
 
 .kalender_text1 { padding: 5px; float: left; }
 
 .kalender_text2 { padding: 5px; float: left; }
 
 .sprechstunden { padding-left: 65px; }
 
 .sprechstunden_text { padding: 1px; float: left; }
 
 .box_main form { padding-left: 20px; }
 
 .voting { margin-left: 50px; }
 
 .minikalender { margin: 0px; padding: 0px; border-width: 1px; border-style: dotted; border-color: #506173; text-align: center; position: relative; margin-left: auto; margin-right: auto; }
 
 .minikalender_head { background-color:  #506173; font-size: 8pt; text-align: left; font-weight: bold; margin: 0px; padding: 0px; border-width: 0px; }
 
 .minikalender_heute { width: 15px; background-color: #90b728; color: #669a0a; margin: 0px; padding: 0px; border-width: 0px; font-size: 8pt; font-weight: bold; text-align: center; }
 
 .minikalender_special { width: 15px; color: #669a0a; margin: 0px; padding: 0px; border-width: 0px; font-size: 8pt; font-weight: bold; text-align: center; }
 
 .profil { border-width: 1px; border-style: dotted; border-color: #506173; margin: 0px; padding: 0px; font-size: 10pt; text-align: left; }
 
 .profil_head { background-color:  #506173; font-size: 10pt; text-align: center; font-weight: bold; margin: 0px; padding: 0px; border-width: 0px; }
 
:) das weiß ich schon
mir gehts aber nicht nur um die Größer sondern auch um die Richtigkeit und Notwendigkeit

ich hätt einfach gern eine "perfekte" CSS Datei :)
 
Blackylein hat gesagt.:
:) das weiß ich schon
mir gehts aber nicht nur um die Größer sondern auch um die Richtigkeit und Notwendigkeit

ich hätt einfach gern eine "perfekte" CSS Datei :)
Zum Vergrößern anklicken....
Hast du schon mal was vom CSS-Validator gehört?

Selektoren mit gleichen CSS-Formatierungen lassen sich zusammenfassen:
Code: 
/* aus */
a:link { color: #669a0a; text-decoration: none; }
a:visited { color: #669a0a; text-decoration: none; }


/* wird */
a:link, a:visited { color: #669a0a; text-decoration: none; }
Die CSS-Klassen .menuitem1 und .submenu1 lassen sich ebenfalls zusammenfassen, da sie die gleiche Hintergrundfarbe besitzen:
Code: 
.menueitem1, .submenu1 { background-color: #275380; }
.menueitem2, .submenu2 { background-color: #3571ad; }

/* usw. */
Das gilt auch für die Klassen .copyright_left / .copyright_right und .kalender_text1 / kalender_text2 - sie besitzen jeweils die gleichen Eigenschaften.
 
Holdriö

Ich würde grundsätzlich empfehlen, das Dokument zu überarbeiten. Wenn es dir wirklich auf die Grösse der Datei ankommt, dann solltest du die Datei nicht nach Klassen/Tags strukturieren, sondern nach den Eigenschaften, so kannst du viel mehr gruppieren. (Also z. B. alle Tags mit einem schwarzen Rand auf einmal.)

Ausserdem empfehle ich, statt einer Dateigrössenverringerung eher mal eine etwas ausgeprägtere Auseinandersetzung mit dem Thema – wer CSS verwendet, braucht keine Layout-Tabellen mehr, sollte px und/oder pt nicht als Schriftgrösseneinheit verwenden und das proprietäre cursor:hand, das nur vom Internet Explorer unterstützt wird, durch cursor:pointer ersetzen.
 
So. Habt jetzt ein paar Dinge geändert. Vom Aufbau her würd ich da irgendwie nix mehr ändern weil ich ja, wie du schon gesagt hast alles ändern müsste und das ist mir zu mühsam. Wenn ich die Site wieder mal komplett neu mach, werd ich aber an dich denken und deinen Hinweis bestimmt nicht vergessen ;)

Hier noch mal mein Code

Code: 
/* BODY */
 
 body { background-color: #506173; font-family: Arial, Sans-Serif; font-size: 1,0em; color: #000000; text-align: center; vertical-align: top; }
 
 /* UEBERSCHRIFTEN */
 
 h2 { font-weight: bold; }
 
 /* PSEUDOFORMATE */
 
 a:link, a:visited { color: #669a0a; text-decoration: none; }
 
 
 .menue, .copyright_left, .copyright_right a:link { color: #000000; text-decoration: none; }
 
 .menue, .copyright_left, .copyright_right a:visited { color: #000000;text-decoration: none; }
 
 /* HAUPTTABELLE */
 
 .haupttabelle { width: 798px; padding: 0px; vertical-align: top; border-width: 0px; margin: 0px; background-color: #617381; position: relative; margin-left: auto; margin-right: auto; }
 
 .logo { width: 798px; height: 120px; padding: 0px; position: relative; margin-left: auto; margin-right: auto; }
 
 /* MENUE */
 
 .menue { width: 798px; height: 15px; padding: 0px; position: relative; margin-left: auto; margin-right: auto; margin-bottom: 0px; z-index: 10; cursor: pointer; display: block; }
 
 .menueit1, .menueitem2, .menueitem3, .menueitem4, .menueitem5, .menueitem6 { width: 133px; background-repeat: no-repeat; float: left; text-align: center; padding: 0px; cursor: pointer; }
 
 .submenue1, .submenue2, .submenue3, .submenue4, .submenue5, .submenue6 { width: 128px; background-repeat: no-repeat; text-align: left; padding-left: 5px; }
 
 .menueitem1, .submenue1 { background-color: #275380; }
 
 .menueitem2, .submenue2 { background-color: #3571ad; }
 
 .menueitem3, .submenue3 { background-color: #669a0a; }
 
 .menueitem4, .submenue4 { background-color: #90b728; }
 
 .menueitem5, .submenue5 { background-color: #fe9b02; }
 
 .menueitem6, .submenue6 {	background-color: #ffc422; }
 
 ul { padding: 0; margin: 0; list-style: none; }
 	
 li { float: left; position: relative; width: 133px; }
 	
 li ul { display: none; position: absolute; top: 10px; left: 0; }
 
 * html li ul { display: none; position: absolute; top: 16px; left: 0; }
    
 li > ul { top: auto; left: auto; }
 	
 li:hover ul, li.over ul { display: block; }
 
 /* BOXEN */
 
 .box { width: 205px; vertical-align: top; }
 
 .box_big { font-weight: bold; text-align: center; padding: 0px; vertical-align: top; width: 590px; }
 
 .box_oben { font-weight: bold; text-align: center; width: 202px; height: 25px; padding-top:		    4px; padding:			    0px; background-image: url("../images/box_oben.gif"); background-repeat: no-repeat; position: relative;margin-left: auto; margin-right: auto; }
 
 .box_main { text-align: left; width: 202px;min-height: 80px; padding: 0px;background-image: url("../images/box_main.gif"); background-repeat: repeat-y; position: relative; margin-left: auto; margin-right: auto; }
 
 .box_main p { margin: 0 -1px 0 20px; padding: -3px 1px 0 0; }
 
 
 .box_unten { text-align: center; font-weight: bold; color: #617381; padding: 0px; width: 202px; height: 23px; background-image: url("../images/box_unten.gif"); background-repeat: no-repeat; position: relative; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
 
 .box_big_oben { font-weight: bold; text-align: center; padding: 0px; padding-top: 4px; width: 585px; height: 25px; background-image: url("../images/box_big_above.gif"); background-repeat: no-repeat; position: relative; margin-left: auto; margin-right: auto; color: #669a0a; }
 
 .box_big_main { font-weight: normal;text-align: left; color: #000000; width: 585px; height: 752px; padding: 0px; vertical-align: top; background-image: url("../images/box_big_main.gif"); background-repeat: repeat-y; position: relative; margin-left: auto; margin-right: auto; }
 
 .box_big_main p { padding-top: 10px; padding-left: 45px; padding-right: 40px; margin: 0px; }
 
 .box_big_unten { text-align: center; color: #617381; padding: 0px; width: 585px; height: 35px; padding: 0px; background-image: url("../images/box_big_bottom.gif"); background-repeat: no-repeat; position: relative; margin-left: auto; margin-right:  auto; }
 
 .space { width: 798px; height: 10px; background-color: #617381; position: relative; margin-left: auto; margin-right: auto; padding: 0px; margin-top: 0px; }
 
 .copyright_left, .copyright_right { width: 397px; height: 15px; background-color: #617381; text-align: left; color: #000000; }
 
 .copyright_left p { padding-left: 15px; }
 
 .copyright_right p { padding-right: 15px; }
 
 .poll { padding-left: 20px; margin: 0px; }
 
 .poll form { margin: 0px; padding: 0px; padding-top: 5px; }
 
 .gal_table { padding: 5px; }
 
 .miniatur_left { padding: 5px; float: left; }
 
 .kalender { padding-left: 65px; }
 
 .kalender_text1, .kalender_text2 { padding: 5px; float: left; }
 
 .sprechstunden { padding-left: 65px; }
 
 .sprechstunden_text { padding: 1px; float: left; }
 
 .box_main form { padding-left: 20px; }
 
 .voting { margin-left: 50px; }
 
 .minikalender { margin: 0px; padding: 0px; border-width: 1px; border-style: dotted; border-color: #506173; text-align: center; position: relative; margin-left: auto; margin-right: auto; }
 
 .minikalender_head { background-color:  #506173; text-align: left; font-weight: bold; margin: 0px; padding: 0px; border-width: 0px; }
 
 .minikalender_heute { width: 15px; background-color: #90b728; color: #669a0a; margin: 0px; padding: 0px; border-width: 0px; font-weight: bold; text-align: center; }
 
 .minikalender_special { width: 15px; color: #669a0a; margin: 0px; padding: 0px; border-width: 0px; font-weight: bold; text-align: center; }
 
 .profil { border-width: 1px; border-style: dotted; border-color: #506173; margin: 0px; padding: 0px; text-align: left; }
 
 .profil_head { background-color:  #506173; text-align: center; font-weight: bold; margin: 0px; padding: 0px; border-width: 0px; }
 
Zuletzt bearbeitet:
Dezimalstellen werden mit einem Punkt (und nicht mit einem Komma) getrennt:

Code: 
font-size: 1.0em;
 
Ach. Deswegen hats so komische ausgesehen. Danke :P

Code: 
 /* BODY */
 
 body { background-color: #506173; font-family: Arial, Sans-Serif; font-size: 1.0em; color: #000000; text-align: center; vertical-align: top; }
 
 /* UEBERSCHRIFTEN */
 
 h2 { font-weight: bold; }
 
 /* PSEUDOFORMATE */
 
 a:link, a:visited { color: #669a0a; text-decoration: none; }
 
 
 .menue, .copyright_left, .copyright_right a:link { color: #000000; text-decoration: none; }
 
 .menue, .copyright_left, .copyright_right a:visited { color: #000000;text-decoration: none; }
 
 /* HAUPTTABELLE */
 
 .haupttabelle { width: 798px; padding: 0px; vertical-align: top; border-width: 0px; margin: 0px; background-color: #617381; position: relative; margin-left: auto; margin-right: auto; }
 
 .logo { width: 798px; height: 120px; padding: 0px; position: relative; margin-left: auto; margin-right: auto; }
 
 /* MENUE */
 
 .menue { width: 798px; height: 15px; padding: 0px; position: relative; margin-left: auto; margin-right: auto; margin-bottom: 0px; z-index: 10; cursor: pointer; display: block; font-size: 12px;}
 
 .menueit1, .menueitem2, .menueitem3, .menueitem4, .menueitem5, .menueitem6 { width: 133px; background-repeat: no-repeat; float: left; text-align: center; padding: 0px; cursor: pointer; }
 
 .submenue1, .submenue2, .submenue3, .submenue4, .submenue5, .submenue6 { width: 128px; background-repeat: no-repeat; text-align: left; padding-left: 5px; }
 
 .menueitem1, .submenue1 { background-color: #275380; }
 
 .menueitem2, .submenue2 { background-color: #3571ad; }
 
 .menueitem3, .submenue3 { background-color: #669a0a; }
 
 .menueitem4, .submenue4 { background-color: #90b728; }
 
 .menueitem5, .submenue5 { background-color: #fe9b02; }
 
 .menueitem6, .submenue6 {	background-color: #ffc422; }
 
 ul { padding: 0; margin: 0; list-style: none; }
 	
 li { float: left; position: relative; width: 133px; }
 	
 li ul { display: none; position: absolute; top: 10px; left: 0; }
 
 * html li ul { display: none; position: absolute; top: 16px; left: 0; }
    
 li > ul { top: auto; left: auto; }
 	
 li:hover ul, li.over ul { display: block; }
 
 /* BOXEN */
 
 .box { width: 205px; vertical-align: top; }
 
 .box_big { font-weight: bold; text-align: center; padding: 0px; vertical-align: top; width: 590px; }
 
 .box_oben { font-weight: bold; text-align: center; width: 202px; height: 25px; padding-top:		    4px; padding:			    0px; background-image: url("../images/box_oben.gif"); background-repeat: no-repeat; position: relative;margin-left: auto; margin-right: auto; }
 
 .box_main { text-align: left; width: 202px;min-height: 80px; padding: 0px;background-image: url("../images/box_main.gif"); background-repeat: repeat-y; position: relative; margin-left: auto; margin-right: auto; }
 
 .box_main p { margin: 0 -1px 0 20px; padding: -3px 1px 0 0; }
 
 
 .box_unten { text-align: center; font-weight: bold; color: #617381; padding: 0px; width: 202px; height: 23px; background-image: url("../images/box_unten.gif"); background-repeat: no-repeat; position: relative; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
 
 .box_big_oben { font-weight: bold; text-align: center; padding: 0px; padding-top: 4px; width: 585px; height: 25px; background-image: url("../images/box_big_above.gif"); background-repeat: no-repeat; position: relative; margin-left: auto; margin-right: auto; color: #669a0a; }
 
 .box_big_main { font-weight: normal;text-align: left; color: #000000; width: 585px; height: 752px; padding: 0px; vertical-align: top; background-image: url("../images/box_big_main.gif"); background-repeat: repeat-y; position: relative; margin-left: auto; margin-right: auto; }
 
 .box_big_main p { padding-top: 10px; padding-left: 45px; padding-right: 40px; margin: 0px; }
 
 .box_big_unten { text-align: center; color: #617381; padding: 0px; width: 585px; height: 35px; padding: 0px; background-image: url("../images/box_big_bottom.gif"); background-repeat: no-repeat; position: relative; margin-left: auto; margin-right:  auto; }
 
 .space { width: 798px; height: 10px; background-color: #617381; position: relative; margin-left: auto; margin-right: auto; padding: 0px; margin-top: 0px; }
 
 .copyright_left, .copyright_right { width: 397px; height: 15px; background-color: #617381; text-align: left; color: #000000; }
 
 .copyright_left p { padding-left: 15px; }
 
 .copyright_right p { padding-right: 15px; }
 
 .poll { padding-left: 20px; margin: 0px; }
 
 .poll form { margin: 0px; padding: 0px; padding-top: 5px; }
 
 .gal_table { padding: 5px; }
 
 .miniatur_left { padding: 5px; float: left; }
 
 .kalender { padding-left: 65px; }
 
 .kalender_text1, .kalender_text2 { padding: 5px; float: left; }
 
 .sprechstunden { padding-left: 65px; }
 
 .sprechstunden_text { padding: 1px; float: left; }
 
 .box_main form { padding-left: 20px; }
 
 .voting { margin-left: 50px; }
 
 .minikalender { margin: 0px; padding: 0px; border-width: 1px; border-style: dotted; border-color: #506173; text-align: center; position: relative; margin-left: auto; margin-right: auto; }
 
 .minikalender_head { background-color:  #506173; text-align: left; font-weight: bold; margin: 0px; padding: 0px; border-width: 0px; }
 
 .minikalender_heute { width: 15px; background-color: #90b728; color: #669a0a; margin: 0px; padding: 0px; border-width: 0px; font-weight: bold; text-align: center; }
 
 .minikalender_special { width: 15px; color: #669a0a; margin: 0px; padding: 0px; border-width: 0px; font-weight: bold; text-align: center; }
 
 .profil { border-width: 1px; border-style: dotted; border-color: #506173; margin: 0px; padding: 0px; text-align: left; }
 
 .profil_head { background-color:  #506173; text-align: center; font-weight: bold; margin: 0px; padding: 0px; border-width: 0px; }
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück