CSS Probleme mit einem cms2day-Modul

Xethon

Lt. Junior Grade
Dabei seit
Feb. 2005
Beiträge
482
Hi,

vielleicht kennt ja einer von euch das CMS cms2day. Ich benutze das und habe mein eigenes Template dafür gemacht.
Jetzt besteht jedoch ein Problem mit dem Kontaktformular-Modul. Habe die css-Datei von dem Original-Template, die für die Formatierung des Moduls zuständig ist, eingebunden, doch da beißt sich was mit meinem Template. Habe zur Veranschaulichung mal folgendes Bild gemacht:

http://img718.imageshack.us/img718/7281/kontaktl.jpg

Normalerweise sollten unten am Content noch runde Ecken sein und ein Abstand von 20px zum Footer. So wie es eben zwischen Content und Navi ist.
Ich finde den Fehler aber einfach nicht.

Folgende CSS-Datei ist für die Formatierung des Moduls zuständig:

Code:
/* - TABELLEN INLAY STYLES FÜR MODULE + MELDUNGEN - */


table.inlay {

	border: 1px solid #3d3d3d;
	background: #3d3d3d;
	overflow: hidden;
	text-align: left;
	color: #fff;
	position: relative;
	margin: 0px 0px 20px 0px;

}

table.inlay tr td {

	padding: 15px 20px 0px 20px;

}

table.inlay tr td table tr td {

	padding: 0px;

}

table.inlay tr td p {

	margin: 0px;
	overflow: hidden;
	
}

table.inlay tr td .formular {

	width: 98%;
	height: 18px;
	padding: 4px 0px 0px 5px;
	margin: 2px 0px 2px 0px;
	background: #fff;
	border: 1px solid #d2d2d2;
	font-size: 11px;
	color: #626262;
	font-family: "Verdana";
	
}

table.inlay tr td .textarea {

	width: 98%;
	height: 150px;
	padding: 5px 0px 0px 5px;
	margin: 2px 0px 2px 0px;
	background: #fff;
	border: 1px solid #d2d2d2;
	font-size: 11px;
	color: #626262;
	font-family: "Verdana";
	
}

table.inlay tr td span.button {
	
	/* - Style für <span> vor den Buttons - */
	
}

table.inlay tr td input.button {

	height: 24px;
	background: #fff;
	overflow: hidden;
	margin: 2px 0px 0px 0px;
	padding: 0px 5px 3px 5px;
	border: 1px solid #d2d2d2;
	color: #626262;
	font-size: 9px;
	font-family: "Verdana";
	font-weight: bold;
	text-align: right;
	cursor: pointer;
	
}
und das ist die CSS-Datei von meinem Template:

Code:
/* Design by Xethon for cms2day */

* { padding: 0; margin: 0; }

html, body {
 font-family: Verdana;
 font-size: 12px;
 color: #fff;
 height: 100%;
 background: #7fcf48 url('../images/bg.jpg') repeat-x;
}

p {
 padding: 10px 0;
}

h1 {
 font-size: 14px;
 font-weight: bold;
 border-bottom: 1px dotted #C3C3C3;
 margin-bottom: 10px;
}

a {
text-decoration: none;
color: #fff;
font-weight: bold;
}

a:hover {
 color: #4dbd01;
}

hr {
 border: none;
 height: 1px;
 background-color: #C3C3C3; 
}

#logo a:hover {
color: #FFF;
}

/* WRAPPER */
#wrapper { 
 margin: 0 auto -50px;
 width: 800px;
 min-height: 100%;
 height: auto !important;
 height: 100%;
 background-color: #FFF;
 border-left: 1px solid #848484;
 border-right: 1px solid #848484;
}

/* HEADER */
#header {
 width: 800px;
 height: 90px;
 background-color: #FFF;
 margin: 0 auto;
 position: relative;
}

#logo {
width: 259px;
height:86px;
background-color: #FFF;
position: absolute;
top: 0;
left: 0;
}

#suchbox {
position: absolute;
height: 72px;
width: 165px;
top: 9px;
right: 10px;
background-image: url('../images/search.jpg');
}

#suche {
position: absolute;
top: 15px;
left:10px;
}

#modul_suche p {
 padding: 8px 0;
}

#addon_suche p {
 padding: 2px 0;
}

/* NAVI */
#navigation {
 width: 800px;
 background-image: url('../images/navi.jpg');
 padding: 10px 0;
 margin: 0 auto;
 text-align: center;
}

#navigation li {
 display: inline; 
 list-style-type: none;
}
 
#navigation a {
 padding: 9px 14px;
}

#navigation a:active {
background-color: #4dbd01;
color: #fff;
}

#navigation a:hover {
 background-color: #4dbd01;
 color: #fff;
}

/* CONTENT */
#content { 
 background: #FFF;       
 padding: 20px 0;
}

.box {
 width: 780px;
 background: #3D3D3D url('../images/top.jpg') top left no-repeat;
 margin: auto;
} 

.box2 {    
 width: 750px;
 background: url('../images/bottom.jpg') bottom left no-repeat;    
 padding: 15px;
} 

/* FOOTER */
#footer { 
 width: 780px;
 margin: 0 auto;
 height: 50px;
 clear: both;
 background: url('../images/footer.jpg') repeat-x;
 text-align: center;
 
 .footer, .push {
 height: 50px;
}
und zum Schluss der HTML-Code:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<?php page_header(); ?>
</head>

<body>

<div id="wrapper">
         
<div id="header">
  <div id="logo">
    <?php page_logo(); ?>
  </div>
  
  <div id="suchbox">
    <div id="suche">
      <?php page_load_addon("suche");  ?>
    </div>
  </div> 
</div>
		 
<div id="navigation">
  <?php page_menu("0"); ?>		 
</div>
		 
<div id="content">
		  
<div class="box">
<div class="box2">                  

     <?php page_content(); ?>

</div> 
</div>
     
</div>

<div class="push"></div>

</div>
		 
<div id="footer">     
  <?php page_footer(); ?>	
</div>   
   
</body>
</html>
Ich hoffe ihr könnt mir helfen und findet den Fehler.
 

dayo81

Lt. Junior Grade
Dabei seit
März 2008
Beiträge
408
Hi,

also am besten du installierst dir mal Firebug für den Firefox, da kannst du schnell mit ein wenig experimentieren sowas herausfinden.

Viele Grüße
Jo
 

Xethon

Lt. Junior Grade
Ersteller dieses Themas
Dabei seit
Feb. 2005
Beiträge
482
Den hab ich schon. Habe aber nichts damit gefunden. Vielleicht bin ich auch einfach blind. Ihr seid echt meine letzte Rettung, weil ich jetz schon tagelang an dem Fehler hänge^^.
 

Destruction

Ensign
Dabei seit
Dez. 2007
Beiträge
243
Ist doch offensichtlich, dass der Inhalt der Box zu groß ist und deswegen der Background wiederholt wird, was willst du nun von uns wissen? >.<
 

Xethon

Lt. Junior Grade
Ersteller dieses Themas
Dabei seit
Feb. 2005
Beiträge
482
Was ich wo verändern muss, damit es korrekt dargestellt wird.
Ergänzung ()

Will mir denn keiner helfen? Ich finde den Fehler einfach nicht.
 
Top