falsche div anpassung?

Veröffentlicht 27. September 201014 j

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);

}

28. September 201014 j

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

28. September 201014 j

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.

28. September 201014 j

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.

28. September 201014 j

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

28. September 201014 j

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.

28. September 201014 j

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.

28. September 201014 j

@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?

28. September 201014 j

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.

28. September 201014 j

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

24. Oktober 201014 j

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 Antworten

Erstelle ein Konto oder melde dich an, um einen Kommentar zu schreiben.

Jobs für Fachinformatiker

Digital Solution Manager (w/m/d) System Interoperabilität und Datenmanagement bei B. Braun Melsungen AG (34212 Melsungen, Deutschland)

IT Servicedesk Agent (m/w/d) bei HPM Service und Verwaltung GmbH (20457 Hamburg, Deutschland)

Forschungs- und Digitalisierungsexpert*in (m/w/d) im Infrastrukturbereich bei Albtal-Verkehrs-Gesellschaft mbH (76131 Karlsruhe, Deutschland)

Konto

Navigation

Suchen

Configure browser push notifications

Chrome (Android)

Chrome (Desktop)

Safari (iOS 16.4+)

Safari (macOS)

Edge (Android)

Edge (Desktop)

Firefox (Android)

Firefox (Desktop)