Suchen
Inside Forum
Nützliche Links
phpforum.de Tipp
 
phpforum.de bei Facebook
 
phpforum.de bei Twitter
 
  #1  
Alt 30.05.2008, 15:04
lordzcyber lordzcyber ist offline
Besucher
 
Registriert seit: 14.09.2007
Beiträge: 53
Standard css design problem

also habe eine paar probleme mit meiner seite

http://www.cvproject.de/testseite/test1.htm

der hintergrund vom menue sollte eigentlich bis runter zum footer gehen.

er schliesst aber leider mit dem letzten zeichen in dem div container ab.
dieser div container soll genau mit dem div container abschließen der sich darum befindet.
genau das gleiche probleme ist es mit dem content div container.

wenn ihr die seite mal angklickt und rechts im menue auf einen button klickt unter das untermenue aufgeht, dann sehr ihr was ich meine.

was muss ich noch im css teil für eine einstellung machen?

hier der code
PHP Quellcode:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

<script type="text/javascript" src="jquery-1.2.2.pack.js"></script>

<script type="text/javascript" src="ddaccordion.js">

/***********************************************
* Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/


</script>
<script type="text/javascript">
ddaccordion.init({
  headerclass: "expandable", //Shared CSS class name of headers group that are expandable
  contentclass: "categoryitems", //Shared CSS class name of contents group
  collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
  defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content
  animatedefault: false, //Should contents open by default be animated into view?
  persiststate: true, //persist state of opened contents within browser session?
  toggleclass: ["", "openheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
  togglehtml: ["prefix", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
  animatespeed: "normal", //speed of animation: "fast", "normal", or "slow"
  oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
    //do nothing
  },
  onopenclose:function(header, index, state, isclicked){ //custom code to run whenever a header is opened or closed
    //do nothing
  }
})


</script>

<style type="text/css">
body{
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    }

#verlauf {
 
            background: url(verlaufoben.jpg);
            height: 27px;
           
         }
#footer {
      clear: left;
            background-color: #535152;
           margin: 0px auto 0px;
            padding-top: 5px;
            height: 27px;
            text-align: center;
            color: white;
            font: bold 14px Arial;
           
         }

#ContentBox {
        height: 100%;
          margin: 10px auto 0 auto;  
              width: 938px;
           }
#header {
           background-image: url(header.jpg);
            height: 236px;
            width: 938px;
        }
.rechts {
    width: 720px;
    float: left;
    padding: 0;
    margin: 0;
    background-color: #ffffff;
}        


.box1{
      float: left;
    background-image: url(box.jpg);
    width: 229px;
    height: 154px;
    margin-left: 10px;
    margin-top: 5px;
}

   
#rechts2 {
   width: 734px;
    height: 100%;
    float: left;
    padding: 0;
    margin: 0;
    background-color: #ffffff;
}  

#content {
      float: left;
      margin-left: 5px;
      margin-top: 10px;
    }
   
#verlaufunten {
      background: url(verlaufunten.jpg);
      height: 37px;
    }

.arrowlistmenu{
 
      float: left;
      height: 100%;
      padding: 0;
      margin-bottom: 0;
    margin-top: 3px;
    background: url(verlauflinks.jpg);
    background-repeat: repeat-y;
    width: 204px;
}
   
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
margin-bottom: -5px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
cursor: hand;
cursor: pointer;
}


.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 5px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
width: 165px;
color: #A70303;
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
border-bottom: 1px solid #A70303;
}

</style>

</head>
<body>

<div id="verlauf"></div>

<div id="ContentBox">
  <div id="header"></div>
  <div class="arrowlistmenu">
 
  <h3 class="menuheader expandable"><img src="verein.jpg" width="165" height="33"></h3>
  <ul class="categoryitems">
  <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C1/">Horizontal CSS Menus</a></li>
  </ul>
 
  <h3 class="menuheader expandable"><img src="interactiv.jpg" width="165" height="33"></h3>
  <ul class="categoryitems">
  <li><a href="http://www.cssdrive.com">CSS Gallery</a></li>
 
  </ul>
 
  <h3 class="menuheader expandable"><img src="teams.jpg" width="165" height="33"></h3>
  <ul class="categoryitems">
  <li><a href="http://www.javascriptkit.com/cutpastejava.shtml" >Free JavaScripts</a></li>
 
  </ul>
  <h3 class="menuheader expandable"><img src="counter.jpg" width="165" height="33"></h3>
  <p>test ist ein test was passiert</p>
  </div>
  <div class="rechts">
    <div class="box1"></div>
    <div class="box1"></div>
    <div class="box1"></div>
  </div>
  <div class="rechts">
    <div id="content">test wo die schrift ist
</div>
  </div>
  <div id="rechts2">
    <div id="verlaufunten"></div>
  </div>
<div id="footer"></div>
</div>
</body>
</html>
Mit Zitat antworten
  #2  
Alt 30.05.2008, 20:18
Krueschi Krueschi ist offline
Engagierter Besucher
 
Registriert seit: 09.05.2007
Ort: Herford
Beiträge: 264
Krueschi eine Nachricht über ICQ schicken Krueschi eine Nachricht über MSN schicken
Standard AW: css design problem

Fertige Scripts ^^

Naja .. ich weiß ehrlich gesagt nicht wo jetzt das Problem.. der Hintergrund von der navileiste soll bis zum footer abschließen.. seh ich das richtig??

Also bei mir macht er es..
__________________
Warnung:
Never touch a running system!
Mit Zitat antworten
  #3  
Alt 30.05.2008, 20:31
lordzcyber lordzcyber ist offline
Besucher
 
Registriert seit: 14.09.2007
Beiträge: 53
Standard AW: css design problem

wenn du nun aber auf den oberstens menue button klickst, so das alles submenue geschlossen sind, dann schließt dieser nicht mehr ab.
und sobald ein submenue auf ist, schließt das mittlere feld nicht mehr mit dem footer ab
Mit Zitat antworten
  #4  
Alt 30.05.2008, 20:47
lordzcyber lordzcyber ist offline
Besucher
 
Registriert seit: 14.09.2007
Beiträge: 53
Standard AW: css design problem

mhhh im firefox geht es ja wirklich!!!
woran liegt es das der ie 6.0 es falsch anzeigt?
auf was muss ich da achten?
Mit Zitat antworten
  #5  
Alt 30.05.2008, 20:47
Krueschi Krueschi ist offline
Engagierter Besucher
 
Registriert seit: 09.05.2007
Ort: Herford
Beiträge: 264
Krueschi eine Nachricht über ICQ schicken Krueschi eine Nachricht über MSN schicken
Standard AW: css design problem

Das einzige was bei mir nich richtig abschließt ist der content.. bei dem Menü passt meines Erachtens alles..
__________________
Warnung:
Never touch a running system!
Mit Zitat antworten
  #6  
Alt 30.05.2008, 22:09
lordzcyber lordzcyber ist offline
Besucher
 
Registriert seit: 14.09.2007
Beiträge: 53
Standard AW: css design problem

im internet explorer hat die navi auch nicht hin.

und das es nicht hinhaut sehe ich ja.
dachte eher mir kann jemand helfen, wie ich das abändern kann!
Mit Zitat antworten
  #7  
Alt 31.05.2008, 10:33
Kerstin77 Kerstin77 ist offline
Engagierter Besucher
 
Registriert seit: 08.01.2007
Beiträge: 132
Standard AW: css design problem

Das geht, indem Du noch ein zusätzliches Div einfügst, welches die Bereiche arrowlistmenu, rechts und rechts2 enthält. In diesem Div das Hintergrundbild anzeigen, nur in y-Richtung wiederholen und fertig.

Kerstin
__________________
Was ist der Unterschied zwischen Theorie und Praxis?
Theorie ist, wenn es klappen soll, aber nicht klappt. Praxis ist, nun frag nicht dumm, wenn es klappt, und keiner weiß warum ;-)

Geändert von Kerstin77 (31.05.2008 um 10:34 Uhr) Grund: Tipfehler ;)
Mit Zitat antworten


Antwort

Lesezeichen

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.

Gehe zu
Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Design Problem nach Photoshop ... Chrisplayer HTML 16 04.12.2006 21:11
div/table design in nur-table design umbiegen fellfresse HTML 6 21.09.2006 09:55
Problem mit tabellen design 89kf89 HTML 6 05.11.2005 09:15
Problem: Auswählen, welches Bild im Design angezeigt ... acquire PHP 5 22.03.2004 19:22
Cms-design-problem alex0801 PHP 11 29.12.2003 14:52


Alle Zeitangaben in WEZ +2. Es ist jetzt 19:02 Uhr.


Powered by vBulletin® Version 3.8.8 (Deutsch)
Copyright ©2000 - 2016, Jelsoft Enterprises Ltd.
Powered by NuWiki v1.3 RC1 Copyright ©2006-2007, NuHit, LLC