• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Boxen verschieben sich

NE4Y

NE4Y

Mitglied
Hey ich habe ein nerviges Problem ... Ich habe 2 Boxen links unterinander und rechts daneben einen Contain Bereich und über beidem ein Headlogo. Je nachdem wie groß das ist, was in content drin steht verschieben sich die Boxen nach oben / unten. So sieht meine CSS Datei aus

PHP: 
#sidebar {
width:221px;
float:left;
align:left

}
.sbox2 {
width:202px;
height:293px;
margin:0 -320px;
background:url("./img/layout/side2.png") no-repeat 0 0;
position:relative
}


.sbox {
width:202px;
height:293px;
margin:0 -320px;
background:url("./img/layout/side.png") no-repeat 0 0;
position:relative
}

div#content {
  background: url('./img/layout/box2.jpg') no-repeat 0 0;
  color:#888;
  float:right
  padding:10px;

}
und so mein HTML Code
PHP: 
<!-- Sidebar -->
<div id="sidebar">

  <!-- Server Status -->
  <div class="sbox" id="status">
 

 

    <!-- Server Stats -->
    <div class="stats" align="center">
      <br />
      <br />
      <br />
      <br />
 
      
       


         




        </div>

    <!-- Online Players -->
    <div class="players">
      
     
     
       
      
    </div>
  </div>

  <!--  Video -->
  <div class="sbox2" id="video">
    <h3></h3>






  </div>


</div>
wie kann ich es schaffen, dass die Boxen immer da bleiben wo sie sind, ganz egal wie groß content ist? Hoffe ihr könnt mir helfen

mfg
 
Wo ist in deinem HTML-Code #content? Wozu die position:relatives? Hast du einen Link, dann wird es einfacher für mich, das nachzuvollziehen. Generell aber müsstest du .sbox und .stats float:left geben. Oder habe ich was falsch verstanden? Ein Link wäre das einfachste…
 
ehm joa der Link is InstinctMT2 - Homepage ( das is ein Script von hen, wollte es modifizieren) .. da wo mein Content ist
PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <title><?PHP echo $serverSettings['titel_page']; ?></title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <script src="javascript.js" type="text/javascript" /></script>
    <link rel="stylesheet" href="style.css" type="text/css" />
  </head>
  <body>
    <div id="container">
      <div id="loginbar">
       
        <?PHP include("./inc/loginbar.inc.php"); ?>
      </div>
      <div id="head"><h1><?PHP echo $serverSettings['titel']; ?></h1></div>
      <div id="navi">
        <?PHP include("./inc/navi.inc.php"); ?>
      </div>
      <div id="content">
        <?PHP
        
          if(isset($_GET['s']) && !empty($_GET['s']))
          {
            if(file_exists(realpath('./pages/')."/".$_GET['s'].".php")) 
            {
              include(realpath('./pages/')."/".$_GET['s'].".php");
            }
            else {
              include(realpath('./pages/').'/home.php');
            }
          } else 
          {
            include(realpath('./pages/').'/home.php');
          }
        
        ?>
        <?PHP include("./inc/sidebar.inc.php"); ?>
    
      </div>
    </div>
    <div id="bgLine"></div>
  </body>
</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben