falsche div anpassung?

defence · 27. September 2010

hi Leute könnt ihr mir helfen?

Hab folgendes Problem

ich hoffe ihr könnt mir helfen.danke

screenshoot:

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

index.php

<?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&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>[/PHP]

stylesheet.css

[PHP]@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);

}

AE2006 · 28. September 2010

Hast du versucht den HTML Code im Dreamweaver zu packen und dann die optische Anpassung vorzunehmen?

defence · 28. September 2010

Hast du versucht den HTML Code im Dreamweaver zu packen und dann die optische Anpassung vorzunehmen?

also ich weiss leider nicht was du mit packen meinst.also ich hab das design ganz normal geslict dann dreamweaver auf gemacht und dann anpassung gemacht.

Toothrot · 28. September 2010

Div-Suppe vom feinsten! Da ist ja ein Tabellenlayout einfacher zu überblicken.

Warum postest Du php-Code, wenn Du ein HTML/CSS Problem hast?

Warum verwendest Du komplizierte JavaScript-Funktionen zum tauschen von Bildern, wenn das mit CSS per hover-Pseudoklasse viel einfacher und kompatibler geht?

#1{

Ids dürfen nicht mit Ziffern beginnen/reine Zahlen sein. Das hätte Dir auch der Validator verraten. Abgesehen davon sollten IDs sprechende Namen haben.

defence · 28. September 2010

ja ich bin noch nicht solange dabei und bin fleissig am lernen^^

@Toothrot deine ratschläge sind gut aber sie führen nicht zur Lösung meines Problems und das mit dem php posten hab ich net gesehen sry

Toothrot · 28. September 2010

Zum lernen halte ich Dreamweaver für absolut ungeeignet. Was da für code rauskommt, sieht man ja hier. Ich persönlich habe jedenfalls keine Lust, mich durch läppische 38 divs zu wursten.

flashpixx · 28. September 2010

Ich würde das ganze einmal per Hand neu schreiben, so wie ich das sehe sind es doch 5 Divs für die generelle Struktur, eins oben mit 100% Breite, dann darunter ein mit ca 70% Breite und auf gleicher Höhe das rechte, dann das Div links und das in der Mitte.

Das kann man recht einfach lösen und dann käme als nächstes der Inhalt jedes Divs, wo man ja dann ggf noch einmal selbst unter Gruppierungen mit Div und Span schaffen muss.

itanum · 28. September 2010

@flashpixx, ja das ist eine saubere Lösung. Ich würde den Firefox hernehmen, Firebug installieren und den Quellcode sauber durchgehen. Der Firebug ist da ein geniales Tool. Was mir unklar ist, in welchem Browser der Fehler entsteht, meist ist es ja der IE, der was nicht darstellen will. @defence: Kannst du das nicht mal online stellen und die url posten?

defence · 28. September 2010

ich mach alles auf meinem rechner.hab leider kein webspace.aber dieses problem hat sicherlich was mit befehlen zu tuen die man noch in den stylsheets setzen muss damit das design nicht auseinander reist denke ich.Der Fehler entsteht bei jedem browser ich nutze nur firefox.

itanum · 28. September 2010

Eine einfache Methode ist es, die verschiedenen DIV's im CSS einzufärben oder farbige Rahmen zu vergeben und auf Fehlersuche zu gehen.

AE2006 · 24. Oktober 2010

genau das meine ich ja auch mit Dreamweaver "Methode"

Wenn du es schon visuell sehen kannst kannst du auch Fehler schneller lokalisieren.

Anmelden

falsche div anpassung?

Empfohlene Beiträge

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Dein Kommentar

Fachinformatiker Jobs

Fachinformatiker.de, 2024 by SE Internet Services

Links

Fachinformatiker.de App

Kontakt

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte