Problemas com boxs

[tg95]

Boas, na minha pagina, tenho duas boxs.

a 1º e onde esta um menu, e na 2º e onde se vai "encaixar" uma box debaixo desse dito menu, mas quando vou a clicar no menu para expandir, essa dita box2 fica "comida" pelo footer, ja tirei o footer, e nao é problema dele, vou deixar abaixo o codigo de algumas prints:

Prints:

http://prntscr.com/7ttfsx

http://prntscr.com/7ttfwu

css code:

.box {
   width:250px;
   height:100%;
   background-color:#363636;
   padding:10px;
   float:left;
   position:fixed;
}
.box2 {
   width:222px;
   height:250px;
   padding:10px;
   float:left;
   position:fixed;
   border:4px solid #000000;
}

Obrigado pela atençao

[HappyHippyHippo]

<div class="box"></div>
<div class="box2"></div>
<div style="clear: both"></div>
[/Code]

[tg95]

Boas eu tenho a box2 dentro da box1 isso tem algum problema?

Obrigado pela atençao

[HappyHippyHippo]

a solução continua a ser a mesma

[tg95]

boas eu ja testei a mesma e nestum....

vou te deixar abaixo o codigo do meu php:

<html>
<body>
<title>STK | Dashboard</title>
<!--<link rel="icon" href="image/icon.ico" type="image/ico" sizes="32x32">-->
<link rel="stylesheet" type="text/css" href="css/styledash.css"/>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"/>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="scripts/menu.js"></script>
<div class="menuok">
<br>
<h3 class="ya">STK</h3>
<br>
<hr>
<p>
<div id='cssmenu'>
<ul>
  <li><a href='dash.php'><span>Dashboard</span></a></li>
  <li class='active has-sub'><a href='#'><span>Products</span></a>
  <ul>
	 <li class='has-sub'><a href='#'><span>Product 1</span></a>
		<ul>
		   <li><a href='#'><span>Sub Product</span></a></li>
		   <li class='last'><a href='#'><span>Sub Product</span></a></li>
		</ul>
	 </li>
	 <li class='has-sub'><a href='#'><span>Product 2</span></a>
		<ul>
		   <li><a href='#'><span>Sub Product</span></a></li>
		   <li class='last'><a href='#'><span>Sub Product</span></a></li>
		</ul>
	 </li>
  </ul>
  </li>
  <li><a href='#'><span>About</span></a></li>
  <li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
</div>
<p class="space"></p>
<div class="box">
welcome
</div>
</div>
</body>
</html>

print como a pagina é sem abrir o menu: http://prntscr.com/7tvmcz

depois de abrir o menu: http://prntscr.com/7tvmlw

[HappyHippyHippo]

porque é que não vejo a sugestão que referenciei no teu código ?

[tg95]

boas, eu tentei por e nao mudava nada é por isso que nao voltei a por mas onde achas que devo colocar?

Obrigado pela atenaçao

[HappyHippyHippo]

com esta no meu exemplo : logo a seguir ao div com a classe box

[tg95]

Boas acabei de por:

<html>
<body>
<title>STK | Dashboard</title>
<!--<link rel="icon" href="image/icon.ico" type="image/ico" sizes="32x32">-->
<link rel="stylesheet" type="text/css" href="css/styledash.css"/>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"/>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="scripts/menu.js"></script>
<div class="menuok">
<br>
<a href='dash.php' style="text-decoration:none";><h3 class="ya">STK</h3></a>
<br>
<hr>
<p>
<div id='cssmenu'>
<ul>
  <li><a href='dash.php'><span>Dashboard</span></a></li>
  <li class='active has-sub'><a href='#'><span>Products</span></a>
  <ul>
	 <li class='has-sub'><a href='#'><span>Product 1</span></a>
	    <ul>
		   <li><a href='#'><span>Sub Product</span></a></li>
		   <li class='last'><a href='#'><span>Sub Product</span></a></li>
	    </ul>
	 </li>
	 <li class='has-sub'><a href='#'><span>Product 2</span></a>
	    <ul>
		   <li><a href='#'><span>Sub Product</span></a></li>
		   <li class='last'><a href='#'><span>Sub Product</span></a></li>
	    </ul>
	 </li>
  </ul>
  </li>
  <li><a href='#'><span>About</span></a></li>
  <li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
</div>
<p class="space"></p>
<div class="box">
welcome
</div>
<div style="clear: both"></div>
</div>
</body>
</html>

e continua na mesma :s

[HappyHippyHippo]

nem consigo ver o footer no teu html

[tg95]

eu nao meti ainda footer sera por causa disso?

se for qual o melhor codigo para footer?

thanks ;b

[FuZz3]

<footer>STK - 2015</footer>

Edited July 18, 2015 at 08:09 AM by FuZz3