background-image wird nicht angezeigt

[pengo]

moin moin an alle,

Ich habe eine homepage www.bikeyastyle.com beim betreten wird
man umgeleite mittels header auf www.bikeyastyle.com/start

dort wird dann index.php geladen auf dieser seite sollte dieses bild angezeigt werden www.bikeyastyle.com/start/images/main_background.jpg

wird es allerdings nicht

ich habe ein stylesheet definiert www.bikeyastyle.com/start/stylesheet.css

-------------------- CODE
#navi_and_content {
 background-image:url("images/main_backgroun.jpg");
 background-repeat:no-repeat;
}
-------------------- CODE ENDE

dieser Teil sollt ja eigentlich dafür sorgen das das bild angezeigt wird oder?

es gibt natürlich auch eine zeile in index.php in der <div id="navi_and_content"> enthalten ist oder habe ich ihrgend was falsch gemacht ?

vielen dank für eure hilfe!

gruß pengo

[Gunnar Bittersmann]

Hello out there!

background-image:url("images/main_backgroun.jpg");

^^

dieser Teil sollt ja eigentlich dafür sorgen das das bild angezeigt wird oder?

Solange du den Dateinamen nicht richtig angibst, nein.

See ya up the road,
Gunnar

[peng0]

Hello out there!

background-image:url("images/main_backgroun.jpg");
                                              ^^
dieser Teil sollt ja eigentlich dafür sorgen das das bild angezeigt wird oder?

Solange du den Dateinamen nicht richtig angibst, nein.

See ya up the road,
Gunnar

sorry habe mich vertippt aber geht weiterhin nicht ! :/

[Gunnar Bittersmann]

Hello out there!

sorry habe mich vertippt aber geht weiterhin nicht ! :/

Weil du’s wieder getan hast.

See ya up the road,
Gunnar

[Ashura]

Hallo Gunnar.

sorry habe mich vertippt aber geht weiterhin nicht ! :/

Weil du’s wieder getan hast.

Hm? Wo?

Einen schönen Dienstag noch.

Gruß, Ashura

[Gunnar Bittersmann]

Hello out there!

sorry habe mich vertippt aber geht weiterhin nicht ! :/
Weil du’s wieder getan hast.
Hm? Wo?

Wo [Mike©] sagte.

See ya up the road,
Gunnar

[Mike©]

Moin pengo,

-------------------- CODE
#navi_and_content {
background-image:url("images/main_backgroun.jpg");
background-repeat:no-repeat;
}
-------------------- CODE ENDE

in Deinem Stylesheet steht aber das:

#navi_and_content {
 background-image:url("images/main_backgroung.jpg");
                                           ^^^
 background-repeat:no-repeat;
}

regds
Mike©

[peng0]

Moin pengo,

-------------------- CODE
#navi_and_content {
background-image:url("images/main_backgroun.jpg");
background-repeat:no-repeat;
}
-------------------- CODE ENDE

in Deinem Stylesheet steht aber das:

#navi_and_content {
background-image:url("images/main_backgroung.jpg");
                                           ^^^
background-repeat:no-repeat;
}

regds
Mike©

es ist grausam mit mir aber daran liegt es net sorry leute :/

[Gunnar Bittersmann]

Hello out there!

#navi_and_content {  
 background-image:url("images/main_background.jpg");                                         ^^^  
 background-repeat:no-repeat;  
}

es ist grausam mit mir aber daran liegt es net sorry leute :/

Und wo ist in dem Dokument das Element mit der ID 'navi_and_content'?

Bist du immer so schusselig?

See ya up the road,
Gunnar

[Ashura]

Hallo Gunnar.

Und wo ist in dem Dokument das Element mit der ID 'navi_and_content'?

Ist das hier relevant?

<!-- Code -->  
  <div style="[code lang=css]background-image:url('images/main_background.jpg');
~~~">  
     <div id="navi\_menu">  
<!-- Code -->[/code]  
  
Vielleicht stehe ich ja auch auf dem Schlauch, aber warum wird die Grafik nicht angezeigt?  
  
  
Einen schönen Dienstag noch.  
  
Gruß, Ashura  

-- 
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|  
„It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“  
[[HTML Design Constraints: Logical Markup](http://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/HTMLConstraints.html)]

[wahsaga]

hi,

Und wo ist in dem Dokument das Element mit der ID 'navi_and_content'?

Ist das hier relevant?

<!-- Code -->

<div style="[code lang=css]background-image:url('images/main_background.jpg');

>      <div id="navi\_menu">  
> <!-- Code -->[/code]  
>   
> Vielleicht stehe ich ja auch auf dem Schlauch, aber warum wird die Grafik nicht angezeigt?  
  
Siehst du in diesem Codeausschnitt ein Element mit der ID "navi\_and\_content"?  
  
gruß,  
wahsaga  
  

-- 
/voodoo.css:  
#GeorgeWBush { position:absolute; bottom:-6ft; }

[Ashura]

Hallo wahsaga.

<!-- Code -->

<div style="[code lang=css]background-image:url('images/main_background.jpg');

> >      <div id="navi\_menu">  
> > <!-- Code -->[/code]  
> >   
> > Vielleicht stehe ich ja auch auf dem Schlauch, aber warum wird die Grafik nicht angezeigt?  
>   
> Siehst du in diesem Codeausschnitt ein Element mit der ID "navi\_and\_content"?  
  
Nein, natürlich nicht. Das ist mir auch klar. Meine Frage bezieht sich auf die Inline-Styleangabe.  
  
  
Einen schönen Dienstag noch.  
  
Gruß, Ashura  

-- 
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|  
„It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“  
[[HTML Design Constraints: Logical Markup](http://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/HTMLConstraints.html)]

[peng0]

So ich glaub wir fangen noch mal von vorne an,

also

Stylesheet

in dieser Datei sollte folgendes stehen

  
  
BODY {  
  background: #f7b500;  
  color: #435a3c;  
  margin: 0px;  
 text-align: center;  
}  
  
.tableHeader {  
/*  background: #bcdbb2; */  
  color:#664a2e;  
  font-weight:bold;  
  font-size:20px;  
}  
  
#side {  
  
}  
  
#main {  
 text-align: left;  
 margin-top:20px;  
 width:702px;  
}  
  
#info {  
 width:702px;  
 margin-bottom:1px;  
}  
  
#naviAndContent {  
 background-image:url(/start/images/main_background.jpg);  
 background-repeat:no-repeat;  
}  
  
#content {  
 width:700px;  
 height:525px;  
}  
  
#naviMenu {  
 background-image:url("/start/images/menu.png");  
 background-repeat:no-repeat;  
 float:left;  
 width:34px;  
 height:523px;  
 border:1px soluid black;  
}  
  
#navi {  
 position:absolute;  
 visibility:hidden;  
 margin-top:34px;  
 margin-left:34px;  
 padding-bottom:50px;  
}  
  
#naviLinks {  
 position:absolute;  
 top:42px;  
 left:40px;  
}  
  
a:link {  
 color:#435a3c;  
 background:#f91;  
 border:1px dotted #000000;  
 font-weight:bold;  
 text-decoration:none;  
}  
  
a:visited {  
 color:#435a3c;  
 font-weight:bold;  
 font-size:16px;  
 text-decoration:none;  
}  
  
a:hover {  
 color:#FFFFFF;  
 background-color:#f91;  
 font-weight:bold;  
 font-size:16px;  
 text-decoration:none;  
}  
  
a:active {  
 color:#000080;  
 font-weight:bold;  
 font-size:16px;  
 text-decoration:none;  
}  
  
#box a {  
color:#ffffff;  
background:#b3b06c;  
font:bold 12px verdana, sans-serif;  
text-decoration:none;  
display:block;  
width:100px;  
padding:5px;  
border:1px solid black;}  
  
#box a:hover {  
color:black;  
background:#ddd8b7;}  
  
#box a span {display:none;}  
  
#box a:hover span {  
position:absolute; top:60px; left:40%; z-index:3;  
display:block;  
width:300px;  
color:black;  
background:#ffffff;  
font:normal 16px courier, sans-serif;  
border:1px solid black;  
padding:10px;}  

und in der index.php sollte folgendes stehen

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
  
<title>Bikeyastyle Start</title>  
<link rel="stylesheet" type="text/css" href="stylesheet.css">  
<script type="text/javascript" src="dhtml.js"></script>  
<script type="text/javascript"  language="javascript">  
<!--  
function Menue () {  
  if (typeof window.pageYOffset == "number") {  
    if (NS4) {  
      getElement("id", "navi").top = window.pageYOffset + 50;  
    } else {  
      getElement("id", "navi").style.top = window.pageYOffset + 50;  
    }  
  } else {  
    if (typeof document.body.scrollTop == "number")  
      getElement("id", "navi").style.top = document.body.scrollTop + 50;  
  }  
  if (OP)  
    getElement("id", "naviLinks").style.pixelTop = NavLinksPos;  
  if (NS4) {  
    getElement("id", "navi").visibility = "show";  
  } else {  
    getElement("id", "navi").style.visibility = "visible";  
  }  
}  
  
function noMenue () {  
  if (NS4) {  
    getElement("id", "navi").visibility = "hide";  
  } else {  
    getElement("id", "navi").style.visibility = "hidden";  
  }  
}  
  
function handleMove (ev) {  
  if (!ev)  
  ev = window.event;  
  var mausposition_x = ev.pageX ? ev.pageX : ev.clientX;  
  var mausposition_y = ev.pageY ? ev.pageY : ev.clientY;  
  
 var win_width,win_height;  
  if (self.innerHeight) // all except Explorer  
  {  
   win_width = parseInt(180+(self.innerWidth-1024)*0.5);  
   win_height = parseInt(self.innerHeight/7.8);  
  }  
  else if (document.documentElement && document.documentElement.clientHeight)  
   // Explorer 6 Strict Mode  
  {  
   win_width = parseInt(180+(document.documentElement.clientWidth-1024)*0.5);  
   win_height = parseInt(document.documentElement.clientHeight/7.8);  
  }  
  else if (document.body) // other Explorers  
  {  
   win_width = parseInt(180+(document.body.clientWidth-1024)*0.5);  
   win_height = parseInt(document.body.clientHeight/7.8);  
  }  
  
  if (mausposition_x > win_width-20 && mausposition_x < win_width+20 && mausposition_y > win_height && mausposition_y < win_height+480) {  
      Menue();  
 //alert("\n\nwidth: "+ win_width + "\nheight:" + win_height + "\n\n  width30: "+ (win_width+30) + "\n height400: "+ (win_height+400) );  
  } else {  
    if (mausposition_x < win_width-20 || mausposition_x > win_width+270 || mausposition_y < win_height || mausposition_y > win_height+480) {  
      noMenue();  
    }  
  }  
}  
  
function Event_init () {  
  if (document.addEventListener) {  
    document.addEventListener("mousemove", handleMove, true);  
  } else {  
    if (NS4) {  
      document.captureEvents(Event.MOUSEMOVE);  
      document.onmousemove = handleMove;  
    } else {  
      document.body.onmousemove = handleMove;  
    }  
  }  
  if (OP) {  
    NavLinksPos = 42; // Position des Bereiches NavLinks  
    getElement("id", "naviLinks").style.pixelTop = NavLinksPos;  
  }  
}  
  
//--></script>  
  
</head>  
<body onload="Event_init()">  
  
<div align="center">  
<div id="side">  
  
  
  <div id="main">  
  <div id="naviAndContent">  
     <div id="naviMenu">  
  
        <div id="navi">  
        <img src="/start/images/navigation.gif" width="250" height="450" border="0" alt="">  
           <div id="naviLinks">  
  
     <table>  
       <tr class="tableHeader"><td>Shop's</td></tr>  
       <tr>  
        <td><a href="http://www.bikeyastyle.com/cloths-store">Cloths&nbsp;&gt;</a></td>  
       </tr>  
       <tr>  
        <td><a href="http://www.bikeyastyle.com/picture-store">Picture&nbsp;Store&nbsp;&gt;</a> </td>  
       </tr>  
       <tr><td><hr></td></tr>  
      </table>  
  
  
           </div>  
        </div>  
  
     </div>  
  
  
  </div>  
  
  </div>  
  
</div>  
</div>  
</body>  
</html>  

So ich hoffe das jetzt alles passt

gruß Peng0

[Gunnar Bittersmann]

Hello out there!

So ich hoffe das jetzt alles passt

Die Beschränkung auf den relevanten Quelltext hätte es getan, das JavaScript ist irrelevant. Aber vielleicht hättest du dann auch Relevantes weggelassen, wie

#naviMenu {  
 float:left;  
}

Damit nimmst du das Element <div id="naviMenu"> aus dem Fluss; dessen Höhe beeinflusst also nicht die Höhe des umschließenden <div id="naviAndContent">.

Selbiges gilt auch wegen

#navi {  
 position:absolute;  
}

Die Höhe von <div id="naviAndContent"> richtet sich also nach dem übrigen Inhalt. Und der wäre? Wie hoch ist also die Box? Wieviel siehst du also vom Hintergrundbild?

Für Testzwecke ist es oft vorteilhaft, Boxen einen Rahmen zu geben.

See ya up the road,
Gunnar

[peng0]

So, dank für die Hilfe und dank an alle dass ihr es so lange mit mir ausgehalten habt.

Tut mir leide das ich mich so chaotisch angestellt habe,
manch mal sollte man doch besser bloss eins machen und das auch in
der angemessen geschwindigkeit.

Gruß Pengo

[Mike©]

Moin pengo,

-------------------- CODE
#navi_and_content {
background-image:url("images/main_backgroun.jpg");
background-repeat:no-repeat;
}
-------------------- CODE ENDE

und noch ein Nachtrag:

Verwende dieses Schreibweise:
background-image:url(http://www.bikeyastyle.com/start/images/main_background.jpg);

regds
Mike©

[Gunnar Bittersmann]

Hello out there!

Ich habe eine homepage www.bikeyastyle.com beim betreten wird
man umgeleite mittels header auf www.bikeyastyle.com/start

Aua. Beschäftige dich mit <http://de.selfhtml.org/servercgi/server/rewrite.htm@title=serverseitiger Weiterleitung>.

auf dieser seite sollte dieses bild angezeigt werden www.bikeyastyle.com/start/images/main_background.jpg

Aua. Knapp 100 KB für ein Hintergrundbild? Ist wohl ein bisschen viel.

Für diese Grafik würde sich auch eher PNG oder GIF anbieten. [GIF-JPEG]

See ya up the road,
Gunnar

PS: Verweise einbinden.

PPS: Unterlasse Fullquotes.

[peng0]

Aua. Beschäftige dich mit <http://de.selfhtml.org/servercgi/server/rewrite.htm@title=serverseitiger Weiterleitung>.

Kann doch gar net auf httpd.conf zugreiffen oder verstehe ich da
was falsch ?

Aua. Knapp 100 KB für ein Hintergrundbild? Ist wohl ein bisschen viel.

Bekomme es aber net kleiner hmm....

gruß pengo

[Gunnar Bittersmann]

Hello out there!

Aua. Beschäftige dich mit <http://de.selfhtml.org/servercgi/server/rewrite.htm@title=serverseitiger Weiterleitung>.
Kann doch gar net auf httpd.conf zugreiffen oder verstehe ich da was falsch ?

Du hättest auf der Seite in SELFHTML dem Link .htaccess - Server-Reaktionen kontrollieren folgen sollen.

Aua. Knapp 100 KB für ein Hintergrundbild? Ist wohl ein bisschen viel.
Bekomme es aber net kleiner hmm....

Halte ich für ein Gerücht. Mehr dazu später ...

See ya up the road,
Gunnar

[Sven Rautenberg]

Moin!

-------------------- CODE
#navi_and_content {
background-image:url("images/main_backgroun.jpg");
background-repeat:no-repeat;
}
-------------------- CODE ENDE

Zwei Anmerkungen:
1. Unterstriche in ID- und Klassennamen sind potentiell böse - nimm Minuszeichen.

2. Pfadnamen in Stylesheets sollten immer absolut angegeben werden, beginnend mit einem Slash (der Server muß nicht nochmal genannt werden).

Der Grund in beiden Fällen sind ältere Browser, die diese Angaben fehlerhaft umsetzen.

- Sven Rautenberg

[Fritz]

Hallo,

wie wär's, wenn Du erst mal dafür sorgst, daß dein html validiert. Dann macht Fehlersuche eher Sinn.

Gruß Fritz

[Fritz]

Hallo,

es gibt natürlich auch eine zeile in index.php in der <div id="navi_and_content"> enthalten ist

So? wo denn?

Gruß Fritz

[peng0]

So? wo denn?

bei mir ist es die Zeile 101

[wahsaga]

hi,

So? wo denn?
bei mir ist es die Zeile 101

Komische Zählweise (passt aber zum Rest ...)

Auf Zeile 101 finde ich
<h2>Impressum</h2>

Zeile 188 hingegen enthält
  <div id="naviAndContent">

Nun, dass dieses Element nicht die ID "navi_and_content" hat, sollte dir aber langsam auch mal auffallen ...

gruß,
wahsaga

[Gunnar Bittersmann]

Hello out there!

Nun, dass dieses Element nicht die ID "navi_and_content" hat, sollte dir aber langsam auch mal auffallen ...

Und dass Hilfe nicht möglich ist, wenn sich minütlich der Quelltext ändert, auch.

See ya up the road,
Gunnar

PS: Die Zeichen '»» ' gehören vor das Zitierte, nicht vor die eigene Antwort.

[peng0]

So ich glaub wir fangen noch mal von vorne an,

also

Stylesheet

in dieser Datei sollte folgendes stehen

~~~css

BODY {
    background: #f7b500;
    color: #435a3c;
    margin: 0px;
   text-align: center;
  }

.tableHeader {
  /*  background: #bcdbb2; */
    color:#664a2e;
    font-weight:bold;
    font-size:20px;
  }

#side {

}

#main {
   text-align: left;
   margin-top:20px;
   width:702px;
  }

#info {
   width:702px;
   margin-bottom:1px;
  }

#naviAndContent {
   background-image:url(/start/images/main_background.jpg);
   background-repeat:no-repeat;
  }

#content {
   width:700px;
   height:525px;
  }

#naviMenu {
   background-image:url("/start/images/menu.png");
   background-repeat:no-repeat;
   float:left;
   width:34px;
   height:523px;
   border:1px soluid black;
  }

#navi {
   position:absolute;
   visibility:hidden;
   margin-top:34px;
   margin-left:34px;
   padding-bottom:50px;
  }

#naviLinks {
   position:absolute;
   top:42px;
   left:40px;
  }

a:link {
   color:#435a3c;
   background:#f91;
   border:1px dotted #000000;
   font-weight:bold;
   text-decoration:none;
  }

a:visited {
   color:#435a3c;
   font-weight:bold;
   font-size:16px;
   text-decoration:none;
  }

a:hover {
   color:#FFFFFF;
   background-color:#f91;
   font-weight:bold;
   font-size:16px;
   text-decoration:none;
  }

a:active {
   color:#000080;
   font-weight:bold;
   font-size:16px;
   text-decoration:none;
  }

#box a {
  color:#ffffff;
  background:#b3b06c;
  font:bold 12px verdana, sans-serif;
  text-decoration:none;
  display:block;
  width:100px;
  padding:5px;
  border:1px solid black;}

#box a:hover {
  color:black;
  background:#ddd8b7;}

#box a span {display:none;}

#box a:hover span {
  position:absolute; top:60px; left:40%; z-index:3;
  display:block;
  width:300px;
  color:black;
  background:#ffffff;
  font:normal 16px courier, sans-serif;
  border:1px solid black;
  padding:10px;}

  
  
  
  und in der index.php sollte folgendes stehen  
  
  
  
  ~~~html
  
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  <html>  
  <head>  
  
  <title>Bikeyastyle Start</title>  
  <link rel="stylesheet" type="text/css" href="stylesheet.css">  
  <script type="text/javascript" src="dhtml.js"></script>  
  <script type="text/javascript"  language="javascript">  
  <!--  
  function Menue () {  
    if (typeof window.pageYOffset == "number") {  
      if (NS4) {  
        getElement("id", "navi").top = window.pageYOffset + 50;  
      } else {  
        getElement("id", "navi").style.top = window.pageYOffset + 50;  
      }  
    } else {  
      if (typeof document.body.scrollTop == "number")  
        getElement("id", "navi").style.top = document.body.scrollTop + 50;  
    }  
    if (OP)  
      getElement("id", "naviLinks").style.pixelTop = NavLinksPos;  
    if (NS4) {  
      getElement("id", "navi").visibility = "show";  
    } else {  
      getElement("id", "navi").style.visibility = "visible";  
    }  
  }  
  
  function noMenue () {  
    if (NS4) {  
      getElement("id", "navi").visibility = "hide";  
    } else {  
      getElement("id", "navi").style.visibility = "hidden";  
    }  
  }  
  
  function handleMove (ev) {  
    if (!ev)  
    ev = window.event;  
    var mausposition_x = ev.pageX ? ev.pageX : ev.clientX;  
    var mausposition_y = ev.pageY ? ev.pageY : ev.clientY;  
  
   var win_width,win_height;  
    if (self.innerHeight) // all except Explorer  
    {  
     win_width = parseInt(180+(self.innerWidth-1024)*0.5);  
     win_height = parseInt(self.innerHeight/7.8);  
    }  
    else if (document.documentElement && document.documentElement.clientHeight)  
     // Explorer 6 Strict Mode  
    {  
     win_width = parseInt(180+(document.documentElement.clientWidth-1024)*0.5);  
     win_height = parseInt(document.documentElement.clientHeight/7.8);  
    }  
    else if (document.body) // other Explorers  
    {  
     win_width = parseInt(180+(document.body.clientWidth-1024)*0.5);  
     win_height = parseInt(document.body.clientHeight/7.8);  
    }  
  
    if (mausposition_x > win_width-20 && mausposition_x < win_width+20 && mausposition_y > win_height && mausposition_y < win_height+480) {  
        Menue();  
   //alert("\n\nwidth: "+ win_width + "\nheight:" + win_height + "\n\n  width30: "+ (win_width+30) + "\n height400: "+ (win_height+400) );  
    } else {  
      if (mausposition_x < win_width-20 || mausposition_x > win_width+270 || mausposition_y < win_height || mausposition_y > win_height+480) {  
        noMenue();  
      }  
    }  
  }  
  
  function Event_init () {  
    if (document.addEventListener) {  
      document.addEventListener("mousemove", handleMove, true);  
    } else {  
      if (NS4) {  
        document.captureEvents(Event.MOUSEMOVE);  
        document.onmousemove = handleMove;  
      } else {  
        document.body.onmousemove = handleMove;  
      }  
    }  
    if (OP) {  
      NavLinksPos = 42; // Position des Bereiches NavLinks  
      getElement("id", "naviLinks").style.pixelTop = NavLinksPos;  
    }  
  }  
  
  //--></script>  
  
  </head>  
  <body onload="Event_init()">  
  
  <div align="center">  
  <div id="side">  
  
  
    <div id="main">  
    <div id="naviAndContent">  
       <div id="naviMenu">  
  
          <div id="navi">  
          <img src="/start/images/navigation.gif" width="250" height="450" border="0" alt="">  
             <div id="naviLinks">  
  
       <table>  
         <tr class="tableHeader"><td>Shop's</td></tr>  
         <tr>  
          <td><a href="http://www.bikeyastyle.com/cloths-store">Cloths&nbsp;&gt;</a></td>  
         </tr>  
         <tr>  
          <td><a href="http://www.bikeyastyle.com/picture-store">Picture&nbsp;Store&nbsp;&gt;</a> </td>  
         </tr>  
         <tr><td><hr></td></tr>  
        </table>  
  
  
             </div>  
          </div>  
  
       </div>  
  
  
    </div>  
  
    </div>  
  
  </div>  
  </div>  
  </body>  
  </html>  
  

So ich hoffe das jetzt alles passt

gruß Peng0

[Gunnar Bittersmann]

Hello out there!

So ich hoffe das jetzt alles passt

Die Beschränkung auf den relavanten Quelltext hätte es auch getan, das ganze JavaScript ist irrelevant. Aber vielleicht hättest du dann auch Relevantes weggelassen wie

  #naviMenu {  
   float:left;  
  }

Damit nimmst du das Element <div id="naviMenu"> aus dem Fluss, dessen Höhe beeinflusst also nicht die Höhe des Elternelements <div id="naviAndContent">.

Selbiges gilt für

  #navi {  
   position:absolute;  
  }

Die Höhe von <div id="naviMenu"> wird also von dessen übrigem Inhalt bestimmt. Und der wäre? Wie hoch ist also die Box? Wieviel siehst du vom Hintergrundbild?

Für Testzwecke ist es ratsam, Boxen einen Rahmen zu geben.

See ya up the road,
Gunnar

[Gunnar Bittersmann]

Hallo Gunnar™!

Die Höhe von <div id="naviMenu"> wird also von dessen übrigem Inhalt bestimmt.

Grmpf, copy’n paste error. Das war gemeint:

Die Höhe von <div id="naviAndContent"> wird also von dessen übrigem Inhalt bestimmt.

See ya up the road,
Gunnar

[Gunnar Bittersmann]

Hello out there!

So ich glaub wir fangen noch mal von vorne an,

Verdammt, würdest du solche Doppelpostings unterlassen?!

Ich hab mich gewundert, warum meine Antwort nicht im Forum erschien und hab meine Antwort nochmal getippt: 857065

Dabei hatte ich beim ersten Mal auf dein gleichlautendes Posting 857051 geantwortet, und diese Antwort ist auch im Thread: 857058

Die Mehrarbeit musst du anderen nun wirklich nicht aufbürden!

See ya up the road,
Gunnar

[peng0]

sorry,

hab schon verstande bin ein Arschloch und soll mich verziehen.
Werde ich machen keine Angst werde euch nicht mehr belästigen.

Gruß Pengo

[Ashura]

Hallo peng0.

hab schon verstande bin ein Arschloch und soll mich verziehen.
Werde ich machen keine Angst werde euch nicht mehr belästigen.

Erwartest du nun eine Bestätigung?

Einen schönen Dienstag noch.

Gruß, Ashura

[Mike©]

Moin Ashura,

hab schon verstande bin ein Arschloch und soll mich verziehen.
Werde ich machen keine Angst werde euch nicht mehr belästigen.

Erwartest du nun eine Bestätigung?

Wahrscheinlich eine Entschuldigung ;-)

regds
Mike©