CSS Probleme mit einem cms2day-Modul

Xethon · 11. Mai 2010

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 · 11. Mai 2010

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 · 11. Mai 2010

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 · 11. Mai 2010

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 · 11. Mai 2010

Was ich wo verändern muss, damit es korrekt dargestellt wird.

Ergänzung (12. Mai 2010)

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

Suche

CSS Probleme mit einem cms2day-Modul

Xethon

Lieutenant

dayo81

Lt. Junior Grade

Xethon

Lieutenant

Destruction

Ensign

Xethon

Lieutenant

Ähnliche Themen