falsche anpassung?

falsche anpassung?

Beitragvon defence » 27.09.2010, 20:53

hi Leute könnt ihr mir helfen?
Hab folgendes Problem
ich hoffe ihr könnt mir helfen.danke

http://www.xcub.de/fehler/1.jpg

index.php
Code: Alles auswählen
<?php
/*
##########################################################################
#                                                                        #
#           Version 4       /                        /   /               #
#          -----------__---/__---__------__----__---/---/-               #
#           | /| /  /___) /   ) (_ `   /   ) /___) /   /                 #
#          _|/_|/__(___ _(___/_(__)___/___/_(___ _/___/___               #
#                       Free Content / Management System                 #
#                                   /                                    #
#                                                                        #
#                                                                        #
#   Copyright 2005-2010 by webspell.org                                  #
#                                                                        #
#   visit webSPELL.org, webspell.info to get webSPELL for free           #
#   - Script runs under the GNU GENERAL PUBLIC LICENSE                   #
#   - It's NOT allowed to remove this copyright-tag                      #
#   -- http://www.fsf.org/licensing/licenses/gpl.html                    #
#                                                                        #
#   Code based on WebSPELL Clanpackage (Michael Gruber - webspell.at),   #
#   Far Development by Development Team - webspell.org                   #
#                                                                        #
#   visit webspell.org                                                   #
#                                                                        #
##########################################################################
*/

// important data include
include("_mysql.php");
include("_settings.php");
include("_functions.php");

$_language->read_module('index');
$index_language = $_language->module;
// end important data include
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="description" content="clan " />
<meta name="author" content="admin" />
<meta name="keywords" content="clan" />
<meta name="copyright" content="Copyright" />
<meta name="robots" content="all" />
<meta name="generator" content="webSPELL" />

<!-- Head & Title include -->
<title><?php echo PAGETITLE; ?></title>
<link href="_stylesheet.css" rel="stylesheet" type="text/css" />
<link href="tmp/rss.xml" rel="alternate" type="application/rss+xml" title="<?php echo getinput($myclanname); ?> - RSS Feed" />
<script src="js/bbcode.js" language="jscript" type="text/javascript"></script>
<link href="index.css" rel="stylesheet" />
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onload="MM_preloadImages('overbuttons/Bilder/index_03.jpg','overbuttons/Bilder/index_04.jpg','overbuttons/Bilder/index_05.jpg','overbuttons/Bilder/index_07.jpg','overbuttons/Bilder/index_08.jpg','overbuttons/Bilder/index_09.jpg','overbuttons/Bilder/index_10.jpg','overbuttons/Bilder/index_11.jpg','overbuttons/Bilder/index_12.jpg','overbuttons/Bilder/index_13.jpg','overbuttons/Bilder/index_20.jpg','overbuttons/Bilder/index_21.jpg','overbuttons/Bilder/index_22.jpg','overbuttons/Bilder/index_23.jpg','overbuttons/Bilder/index_24.jpg','overbuttons/Bilder/index_25.jpg','overbuttons/Bilder/index_26.jpg','overbuttons/Bilder/index_27.jpg','overbuttons/Bilder/index_28.jpg')">
<div id="wrapper">
  <div id="rand">
    <div id="header"></div>
    <div id="navi">
      <ul>
        <li id="leer1"></li>
        <li id="news"><a href="/index.php?site=news" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild1','','overbuttons/Bilder/index_03.jpg',1)"><img src="Bilder/index_03.jpg" name="Bild1" width="76" height="35" border="0" id="Bild1" /></a></li>
        <li id="newsarchive"><a href="/index.php?site=news&amp;action=archive" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild2','','overbuttons/Bilder/index_04.jpg',1)"><img src="Bilder/index_04.jpg" name="Bild2" width="92" height="35" border="0" id="Bild2" /></a></li>
        <li id="members"><a href="/index.php?site=members" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild3','','overbuttons/Bilder/index_05.jpg',1)"><img src="Bilder/index_05.jpg" name="Bild3" width="90" height="35" border="0" id="Bild3" /></a></li>
        <li id="leer2"></li>
        <li id="forum"><a href="/index.php?site=forum" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild4','','overbuttons/Bilder/index_07.jpg',1)"><img src="Bilder/index_07.jpg" name="Bild4" width="67" height="35" border="0" id="Bild4" /></a></li>
        <li id="guestbook"><a href="/index.php?site=guestbook" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild5','','overbuttons/Bilder/index_08.jpg',1)"><img src="Bilder/index_08.jpg" name="Bild5" width="86" height="35" border="0" id="Bild5" /></a></li>
        <li id="gallery"><a href="/index.php?site=gallery" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild6','','overbuttons/Bilder/index_09.jpg',1)"><img src="Bilder/index_09.jpg" name="Bild6" width="75" height="35" border="0" id="Bild6" /></a></li>
        <li id="downloads"><a href="/index.php?site=files" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild7','','overbuttons/Bilder/index_10.jpg',1)"><img src="Bilder/index_10.jpg" name="Bild7" width="77" height="35" border="0" id="Bild7" /></a></li>
        <li id="online"><a href="/index.php?site=whoisonline" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild8','','overbuttons/Bilder/index_11.jpg',1)"><img src="Bilder/index_11.jpg" name="Bild8" width="60" height="35" border="0" id="Bild8" /></a></li>
        <li id="polls"><a href="/index.php?site=polls" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild9','','overbuttons/Bilder/index_12.jpg',1)"><img src="Bilder/index_12.jpg" name="Bild9" width="57" height="35" border="0" id="Bild9" /></a></li>
        <li id="regusers"><a href="/index.php?site=registered_users" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild10','','overbuttons/Bilder/index_13.jpg',1)"><img src="Bilder/index_13.jpg" name="Bild10" width="110" height="35" border="0" id="Bild10" /></a></li>
        <li id="leer3"></li>
      </ul>
    </div>
    <div id="ersterbereich">
      <div id="1">
        <div id="leer4"></div>
      </div>
      <div id="2">
        <div id="banner"></div>
        <div id="navi2">
          <ul>
            <li id="matches"><a href="/index.php?site=matches" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild11','','overbuttons/Bilder/index_20.jpg',1)"><img src="Bilder/index_20.jpg" name="Bild11" width="87" height="35" border="0" id="Bild11" /></a></li>
            <li id="calendar"><a href="/index.php?site=calendar" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild12','','overbuttons/Bilder/index_21.jpg',1)"><img src="Bilder/index_21.jpg" name="Bild12" width="80" height="35" border="0" id="Bild12" /></a></li>
            <li id="search"><a href="/index.php?site=search" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild13','','overbuttons/Bilder/index_22.jpg',1)"><img src="Bilder/index_22.jpg" name="Bild13" width="70" height="35" border="0" id="Bild13" /></a></li>
            <li id="aboutus"><a href="/index.php?site=about" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild14','','overbuttons/Bilder/index_23.jpg',1)"><img src="Bilder/index_23.jpg" name="Bild14" width="80" height="35" border="0" id="Bild14" /></a></li>
            <li id="contact"><a href="/index.php?site=contact" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild15','','overbuttons/Bilder/index_24.jpg',1)"><img src="Bilder/index_24.jpg" name="Bild15" width="76" height="35" border="0" id="Bild15" /></a></li>
            <li id="linkus"><a href="/index.php?site=linkus" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild16','','overbuttons/Bilder/index_25.jpg',1)"><img src="Bilder/index_25.jpg" name="Bild16" width="75" height="35" border="0" id="Bild16" /></a></li>
            <li id="sponsors"><a href="/index.php?site=sponsors" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild17','','overbuttons/Bilder/index_26.jpg',1)"><img src="Bilder/index_26.jpg" name="Bild17" width="81" height="35" border="0" id="Bild17" /></a></li>
            <li id="joinus"><a href="/index.php?site=joinus" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild18','','overbuttons/Bilder/index_27.jpg',1)"><img src="Bilder/index_27.jpg" name="Bild18" width="82" height="35" border="0" id="Bild18" /></a></li>
            <li id="imprint"><a href="/index.php?site=imprint" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild19','','overbuttons/Bilder/index_28.jpg',1)"><img src="Bilder/index_28.jpg" name="Bild19" width="100" height="35" border="0" id="Bild19" /></a></li>
           
          </ul>
        </div>
      </div>
      <div id="3">
        <div id="leiste1"></div>
        <div id="video"></div>
      </div>
      <div id="4">
        <div id="leer5"></div>
      </div>
    </div>
    <div id="zweiterbereich"></div>
    <div id="content">
      <div id="mitte1">
        <div id="randlinks"></div>
      </div>
      <div id="mitte2">
        <div id="banner2"></div>
        <div id="verlinkung"></div>
      </div>
      <div id="mitte3">
        <div id="mittelinkerrand"></div>
      </div>
      <div id="mitte4">
        <div id="newsbereich"><?php
                    if(!isset($site)) $site="news";
                    $invalide = array('\\','/','/\/',':','.');
                    $site = str_replace($invalide,' ',$site);
                    if(!file_exists($site.".php")) $site = "news";
                    include($site.".php");
                    ?></div>
      </div>
      <div id="mitte5">
        <div id="mitterechterrand"></div>
      </div>
      <div id="mitte6">
        <div id="fullscreanbutton"></div>
        <div id="loginover"><?php include("login.php"); ?></div>
        <div id="memberbottom"></div>
        <div id="memberscreens"></div>
        <div id="teamspeakbottom"></div>
        <div id="ts"></div>
      </div>
      <div id="mitte7">
        <div id="rr"></div>
      </div>
      <div id="footer"></div>
    </div>
   
  </div>
</div>
</body>
</html> 



stylesheet.css
Code: Alles auswählen
@charset "utf-8";

body{
    margin-top:0px;
    background:url(Bilder/index_bg.jpg) #151515;
    background-repeat:repeat-x;
   
}
                   
#wrapper{
    width:1150px;
    height:auto;
    margin:auto;
}

#wrapper div{
    float:left;
    list-style-type:none;
    margin:0px;
    padding:0px;
}

#wrapper ul,li{
    float:left;
    list-style-type:none;
    margin:0px;
    padding:0px;
}

#rand{
    width:1150px;
    margin:auto;
   
}


#header{
    width:1150px;
    height:245px;
    background-image:url(Bilder/index_01.jpg);
   
}

#navi{
    width:1150px;
    height:35px;
}   



#leer1{
    width:64px;
    height:35px;
    background-image:url(Bilder/index_02.jpg);
   
}

#news{
    width:76px;
    height:35px;
    background-image:url(Bilder/index_03.jpg);
   
}

#newsarchive{
    width:92px;
    height:35px;
    background-image:url(Bilder/index_04.jpg);
   
}

#members{
    width:90px;
    height:35px;
    background-image:url(Bilder/index_05.jpg);
   
}

#leer2{
    width:194px;
    height:35px;
    background-image:url(Bilder/index_06.jpg);
   
}

#forum{
    width:67px;
    height:35px;
    background-image:url(Bilder/index_07.jpg);
   
}

#guestbook{
    width:86px;
    height:35px;
    background-image:url(Bilder/index_08.jpg);
   
}

#gallery{
    width:75px;
    height:35px;
    background-image:url(Bilder/index_09.jpg);
   
}

#downloads{
    width:77px;
    height:35px;
    background-image:url(Bilder/index_10.jpg);
   
}

#online{
    width:60px;
    height:35px;
    background-image:url(Bilder/index_11.jpg);
   
}

#polls{
    width:57px;
    height:35px;
    background-image:url(Bilder/index_12.jpg);
   
}

#regusers{
    width:110px;
    height:35px;
    background-image:url(Bilder/index_13.jpg);
   
}

#leer3{
    width:102px;
    height:35px;
    background-image:url(Bilder/index_14.jpg);
   
}

#ersterbereich{
    width:1150px;
    height:143px;
    position:relative;
   
}



#1{
    width:65px;
    height:143px;
   
}

#leer4{
    width:65px;
    height:143px;
    background-image:url(Bilder/index_15.jpg);
   
}

#2{
    width:731px;
    height:143px;
   
}


#banner{
    width:731px;
    height:108px;
    background-image:url(Bilder/index_16.jpg);
   
   
}



#navi2{
    width:731px;
    height:35px;
       
}



#matches{
    width:87px;
    height:35px;
    background-image:url(Bilder/index_20.jpg);
   
}

#calendar{
    width:80px;
    height:35px;
    background-image:url(Bilder/index_21.jpg);
   
}

#search{
    width:70px;
    height:35px;
    background-image:url(Bilder/index_22.jpg);
   
}

#aboutus{
    width:80px;
    height:35px;
    background-image:url(Bilder/index_23.jpg);
   
}

#contact{
    width:76px;
    height:35px;
    background-image:url(Bilder/index_24.jpg);
   
}

#linkus{
    width:75px;
    height:35px;
    background-image:url(Bilder/index_25.jpg);
   
}

#sponsors{
    width:81px;
    height:35px;
    background-image:url(Bilder/index_26.jpg);
   
}

#joinus{
    width:82px;
    height:35px;
    background-image:url(Bilder/index_27.jpg);
   
}

#imprint{
    width:100px;
    height:35px;
    background-image:url(Bilder/index_28.jpg);
   
}

#3{
    width:289px;
    height:143px;
   
}



#leiste1{
    width:289px;
    height:35px;
    background-image:url(Bilder/index_17.jpg);
   
}

#video{
    width:289px;
    height:108px;
    background-image:url(Bilder/index_19.jpg);
   
}

#4{
    width:65px;
    height:143px;
   
}

#leer5{
    width:65px;
    height:143px;
    background-image:url(Bilder/index_18.jpg);
   
}

#zweiterbereich{
    width:1150px;
    height:8px;
    background-image:url(Bilder/index_29.jpg);
   
}


#content{
    width:1150px;
    height:auto;
   
}



#mitte1{
    width:64px;
    height:739px;
   
}



#randlinks{
    width:64px;
    height:739px;
    background-image:url(Bilder/index_30.jpg);

   
}

#mitte2{
    width:150px;
    height:739px;
   
}



#banner2{
    width:150px;
    height:603px;
    background-image:url(Bilder/index_31.jpg);
   
}

#verlinkung{
    width:150px;
    height:auto;
    background-repeat:no-repeat;
    background-image:url(Bilder/index_42.jpg);
   
}

#mitte3{
    width:17px;
    height:739px;
   
}


#mittelinkerrand{
    width:17px;
    height:739px;
    background-image:url(Bilder/index_32.jpg);
   
}

#mitte4{
    width:546px;
    height:739px;
   
}



#newsbereich{
    width:546px;
    height:auto;
   
   
}

#mitte5{
    width:26px;
    height:739px;
   
}


#mitterechterrand{
    width:26px;
    height:739px;
    background-image:url(Bilder/index_34.jpg);
   
}

#mitte6{
    width:278px;
    height:739px;
   
}



#fullscreanbutton{
    width:278px;
    height:63px;
    background-image:url(Bilder/index_35.jpg);
   
}

#loginover{
    width:278px;
    height:74px;
    background-image:url(Bilder/index_37.jpg);
   
}

#memberbottom{
    width:278px;
    height:75px;
    background-image:url(Bilder/index_38.jpg);
   
}

#memberscreens{
    width:278px;
    height:76px;
    background-image:url(Bilder/index_39.jpg);
   
}

#teamspeakbottom{
    width:278px;
    height:45px;
    background-image:url(Bilder/index_40.jpg);
   
}

#ts{
    width:278px;
    height:406px;
    background-image:url(Bilder/index_41.jpg);
   
}

#mitte7{
    width:69px;
    height:739px;
   
}



#rr{
    width:69px;
    height:739px;
    background-image:url(Bilder/index_36.jpg);
   
}

#footer{
    z-index:0;
    position:relative;
    width:1150px;
    height:80px;
    background-image:url(Bilder/index_43.jpg);
   
}
defence
neu hier
 
Beiträge: 1
Registriert: 27.09.2010, 20:22

Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "falsche anpassung?"

Zurück zu: CSS für Anfänger

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste