zu großer Abstand von Bildschirmkante

Status
Nicht offen für weitere Antworten.
R

Rayne

Erfahrenes Mitglied
Hallo.

Ich bin gerade dabei, meine Website http://www.sky-divezone.de in das CMS WebsiteBaker zu integrieren. Leider wird mir in der CMS-Version der obere weiße Rand viel zu dick angezeigt. Auf http://www.sky-divezone.de seht ihr, wie es aussehen soll.
So sieht es aber in der CMS-Version aus: http://s7b.directupload.net/file/d/1578/jmg2cydh_jpg.htm

Hier der Quellcode der index.php:

Code: 
<?php
    if(!defined('WB_URL')) {
    header('Location: ../index.php');
    exit(0);
}

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html>
<head>

      <link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_DIR; ?>/Lightbox/lightbox.css" media="screen">
      <link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_DIR; ?>/styles.css">
    
	  
      <meta http-equiv="Content-Type" content="text/html; charset=<?php if(defined('DEFAULT_CHARSET')) { echo DEFAULT_CHARSET; } else { echo 'iso-8859-1'; }?>" />">
	  
      <title><?php page_title(); ?></title>
	  
	  <meta name="Description" content="<?php page_description(); ?>">
      <meta name="Keywords" content="<?php page_keywords(); ?>">
      <meta name="page-topic" content="Fallschirmspringen, Extremsport, Luftsport">
	  <meta name="author" content="Christian Pfitzmann">
	  <meta name="copyright" content="Christian Pfitzmann">
	  <meta name="robots" content="index, follow">
      <meta content="3 days" name="revisit-after">    
      <meta http-equiv="Language" content="de">     
      <meta http-equiv="imagetoolbar" content="false">
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <link rel="shortcut icon" href="<?php echo TEMPLATE_DIR; ?>/Bilder/fav.ico">

      <script type="text/javascript" src="<?php echo TEMPLATE_DIR; ?>/Lightbox/js/prototype.js"></script>
      <script type="text/javascript" src="<?php echo TEMPLATE_DIR; ?>/Lightbox/js/scriptaculous.js?load=effects"></script>
      <script type="text/javascript" src="<?php echo TEMPLATE_DIR; ?>/Lightbox/js/lightbox.js"></script>

<?php
// this allows to include the optional module files (frontend.css, frontend.js) into the head section
if(function_exists('register_frontend_modfiles')) {
  register_frontend_modfiles('css');
  register_frontend_modfiles('js');
} ?>

<?php
echo WEBSITE_HEADER;
?>

</head>

<body>
      <div id="Huelle">
                       <div id="Rand-oben"></div>
                       <div id="Header"></div>    
                       <div id="Navi-Huelle"> 
     
                                           <ul id="Navi">

											 
	                                              <?php show_menu(1); ?>	 	
                                       </ul>
                      </div>
	 
  <div id="Content-Huelle">
    <?php page_content(); ?>
  </div>  
  
  <div id="Abschluss"></div>
  <div id="Footer"><?php show_menu(2); ?></div>   
</div>
</body>
</html>

Und hier der Quellcode der CSS:

Code: 
/* www.Sky-DiveZone.de by Christian Pfitzmann */

/* -------------------------------------------------------------------------------------------------------------------> allgemein */
html { 
     height: 100%;   /*nötig, um ein DIV auf 100% Höhe zu bringen */
	 }  

Body {
/* -------------------------------------------------------------------------------------> Farben */
      background: #FFFFFF  url(Bilder/Schatten.gif) repeat-y 50% 0;
      color:      #FFFFFF;

/* -------------------------------------------------------------------------------------> Schrift */
     font-family:  Verdana;
     font-size:    12px;
     line-height:  1.3em;
     word-spacing: 0.3em;

/* -------------------------------------------------------------------------------------> Abstände */
     margin:      0px;
     height:      100%; /*nötig, um ein DIV auf 100% Höhe zu bringen */
     }

/* -------------------------------------------------------------------------------------> Links */
a         {  text-decoration: none;      } 
a:link    {  color:           #B5DBFF;   } 
a:visited {  color:           #B5DBFF;   } 
a:hover   {  color:           #B5DBFF; 
             text-decoration: underline; }
a:active  {  color:           #B5DBFF;   } 

/* -------------------------------------------------------------------------------------> Bilder */
img {        
	margin-right:  10px;
	margin-bottom: 10px;	
	border-style:  solid;
        border-width:  4px;
        border-color:  #FFFFFF;		
        }	
		  
img:hover {  
              border-style: solid;
              border-width: 4px;
              border-color: #8CC7FF;    
              }

/* -------------------------------------------------------------------------------------> Listen */
/*li {
   list-style-image: url(Bilder/Liste.png);
   margin-left:25px;
   margin-right:10px;
   line-height: 13px;
   }*/

/* -------------------------------------------------------------------------------------> Formulare */
input      {    
           font-family:         Verdana;                
           font-size:           12px;
	       color:               #2969AD;                
           background-color:    #FFFFFF;
           border-color:        #FFFFFF;
           border-top-style:    solid;
           border-right-style:  solid;
           border-left-style:   solid;
           border-bottom-style: solid;  
           }	
			        
Textarea   {
           font-family:         Verdana; 
           font-size:           12px;               
           color:               #2969AD;                
           background-color:    #FFFFFF;
           border-color:        #FFFFFF;
           border-top-style:    solid;
           border-right-style:  solid;
           border-left-style:   solid;
           border-bottom-style: solid;                   	 
           }

/* -------------------------------------------------------------------------------------------------------------------> Huelle */
#Huelle {  
        position:    relative;
        left:        50%;
        margin-left: -390px; 
	width:       780px;
	height:      100%;           
	background:  url(Bilder/Verlauf.gif) repeat-x #5F9DDC;   /*Farbverlauf*/  	 
        }	
	   
html>body #Huelle {
                  height:     auto;         /*für den IE6, falls Inhalt über 100% hinaus geht*/
		  min-height: 100%;	 		   
                  }

/* -------------------------------------------------------------------------------------------------------------------> Rand oben */
#Rand-oben { 
           width:  780px;
	   height:           8px;
	   background-color: #FFFFFF;
           }			 

/* -------------------------------------------------------------------------------------------------------------------> Header */
#Header { 
        width:      771px;
        height:     307px;
		margin-top: 20px;
		background: url(Bilder/Header.jpg) no-repeat;		  
        }		  

/* -------------------------------------------------------------------------------------------------------------------> Navi */
#Navi-Huelle {
      position:         relative;	    
      margin-top:       43px;      			
      width:            170px;
	  height:           auto;	  	
	  float:            left;     /*ermöglicht die Darstellung 2er Divs nebeneinander*/
	  display:          inline;   /*ermöglicht die Darstellung 2er Divs nebeneinander*/
      }

ul#Navi, ul#Navi ul {
                    list-style:  none;
                    margin:      0;
                    margin-left: 10px;
                    padding:     0;
                    }

ul#Navi li {
           font-weight: bold;
           }

ul#Navi li a, ul#Navi li ul li a {
                                 display:         block;
                                 color:           #FFFFFF;
                                 text-decoration: none;
                                 background:      url(Bilder/Liste.png) no-repeat left center;
                                 padding-left:    15px;                               
                                 }

ul#Navi li a:hover {
                   color: #8CC7FF;
                   }

ul#Navi li .menu_default a {
                           line-height:   30px;
                           border-bottom: 1px solid #8CC7FF;
                           }

ul#Navi li .menu_current a {
                           line-height:   30px;
                           border-bottom: 1px solid #8CC7FF;
                           }

ul#Navi li ul li .menu_default a {
                                 line-height:   25px;
                                 border-bottom: none;
                                 }


ul#Navi li ul li .menu_current a {
                                 line-height:   25px;
                                 border-bottom: none;
                                 }

ul#Navi .menu_current a {
                        color: #8CC7FF;
                        }

/* -------------------------------------------------------------------------------------------------------------------> Inhalt */
#Content-Huelle {
                position:         relative;
                margin-top:       30px;
                margin-left:      200px;			
                width:            550px;
		        height:           auto;		 									
               }

h1 {						/*Rubrik*/
        font-family:  Arial, sans-serif;
        font-size:    15px;  
	font-weight:  bold;      
	color:        #8CC7FF;	
        text-transform: uppercase;
        margin: 0px;
		
        }

h2 {						/*Überschrift*/	
              font-family:  Verdana;
              font-size:    13px; 
	      font-weight:  bold;    
              margin: 0px;          	      
              }		
h3 {						/*Datum*/
      	font-size: 10px;	
        margin-left:  20px;        
        font-weight: normal;
        padding-bottom: 0px;  	
       }		

p {						/*Text*/
      margin-left:  20px;
      margin-right: 10px; 
      border-top: solid 1px #8CC7FF; 
      padding-top: 10px;     	     	 		
      }		
	 		
/* -------------------------------------------------------------------------------------------------------------------> Abschluss */
#Abschluss {
           width:  100%;  
		   clear:  both;  /*hebt "float" wieder auf und verhindert das Überlappen der Navi*/
		   height: 40px;     
           }		


/* -------------------------------------------------------------------------------------------------------------------> Footer */
#Footer { 
        position:         absolute;
        width:            780px;
	height:           25px;
	background-color: #FFFFFF;
	bottom:           0px;
	color:            #000000;		   	  
        }

#Footer ul  {
             list-style:  none;	
             margin:      0;
             padding:     0;			  
             }
				
#Footer ul li .menu_default a {
                              color:    #8E9194;				  
			      }
						 
#Footer ul li .menu_default a:Visited {
                                       color: #8E9194;				  
				      }

#Footer ul li .menu_current a {
                              color:    #8E9194;				  
			      }
						 
#Footer ul li .menu_current a:Visited {
                                       color: #8E9194;				  
				      }
	  
/* www.Sky-DiveZone.de by Christian Pfitzmann */

Damals gab es dieses Problem auch schon, aber ich kann mich beim besten Willen nicht mehr daran erinnern, wie wir es gelöst haben (war auch in diesem Forum hier :) ).

Ich hoffe, ihr könnt mir den Fehler nennen.

Vielen Dank!
 
Hi,

mit dem gezeigten Quellcode ist der Abstand zum oberen Fensterrand deckungsgleich mit dem in deiner genannten Website.

mfg Maik
 
Ja, ich habe ja auch nichts verändert ;)

Aber warum wird der Abstand dennoch größer angezeigt? Im aktuellsten FF als auch im IE7.
 
Dann nenn doch mal den Link zu der CMS-Version, denn anhand eines Screenshots lässt sich zu der möglichen Ursache nichts sagen.

mfg Maik
 
Das ist schwierig, da ich das CMS momentan nur lokal (Xampp) installiert habe. Mein aktueller Webspace (all-inkl) unterstützt kein php.
 
Dann sieht's mit sachdienlichen Hinweisen wohl erstmal schlecht aus, bis die Seite im Netz erreichbar ist, denn dein gezeigter Quellcode erzeugt ja keinen zu großen Abstand, und aus dem Screenshot ist die Ursache auch nicht ersichtlich.

mfg Maik
 
Rayne hat gesagt.:
Damals gab es dieses Problem auch schon, aber ich kann mich beim besten Willen nicht mehr daran erinnern, wie wir es gelöst haben (war auch in diesem Forum hier :) ).
Zum Vergrößern anklicken....
Wann war denn "damals"? Und bist du dir sicher, dass das Problem in unserem Forum gelöst wurde?

In deinen bisher erstellten Themen kann ich nämlich nichts entsprechendes finden.

mfg Maik
 
Ganz ehrlich, das weiß ich gar nicht mehr genau. Ich poste eventuell auftretende Schwierigkeiten meistens in mehreren Foren gleichzeitig und eigentlich ist das hier das einzige, in dem ich so gut wie jedesmal eine SCHNELLE und HILFREICHE Antwort bekam (meistens von dir ;) ). Deswegen gehe ich davon aus, dass die Lösung von hier kam.
 
Du kannst ja mal einen Blick auf deine erstellten Themen werfen, vielleicht hab ich da was übersehen, obwohl deine Themen-Liste ja noch recht überschaubar ist, und sie sich um deine vergangenen Anfragen im Flash-, Photoshop-, PHP-, Literatur-, und Microsoft Windows-Forum entsprechend verringert :)

mfg Maik
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück