Formatação e disposição blocos CSS

ThinkBrunus

Power Member
Viva!
Estou a desenvolver um painel de administração de raiz, e neste faço a verificação das permissões do utilizador logado. Conforme o ou os níveis de permissão, é apresentado um bloco ou módulo correspondente à autenticação. Para tal estou a utilizar o seguinte código:

Código:
for($i = 0; $i < $total_acessos; $i++){
        switch ($acessos[$i]):
            case 1:
                include_once($_SERVER['DOCUMENT_ROOT'] . "/admin/transportes/index.php");    
                include_once($_SERVER['DOCUMENT_ROOT'] . "/admin/noticias/index.php");                    
                include_once($_SERVER['DOCUMENT_ROOT'] . "/admin/alardo/index.php");                    
                break;
                case 2:
                echo "<div id='pBlock'>"; 
                include($_SERVER['DOCUMENT_ROOT'] . '/admin/transportes/index.php');
                echo "</div>";                
                break;
            case 3:
                echo "<div id='pBlock'>";                 
                include_once($_SERVER['DOCUMENT_ROOT'] . "/admin/noticias/index.php");
                echo "</div>";                    
                break;                    
            case 4:
                echo "<div id='pBlock'>";                 
                include_once($_SERVER['DOCUMENT_ROOT'] . "/admin/alardo/index.php");
                echo "</div>";                    
                break;                    
            default:
                    echo "<b>Utilizador</b>";
                break;                    
        endswitch;
      }

Desta forma, pretendo que, por exemplo um utilizador que tenha 4 tipos de permissões sejam apresentados os blocos correspondentes dois a dois, ou seja:

_________________________
| bloco 1 | bloco 2 |
|----------------|--------------- |
| bloco 3 | bloco 4 |
|____________|___________|

Uma coisa assim, estou a tentar dispor os elementos de forma automatizada com o código css seguinte:

Código:
#pBlockUser{
    width:100%;
    height:100%;
    font-size:0.9em;
    font-stretch:normal;
    font-family:Tahoma;
    background:#99CCFF;
}
#pMainBlock{
    width:490px;
    height:100%;
    display:table;
}
#pBlock{
    width:100%;
    height:100%;
    position:relative;
    display:table-cell;
}

Tenho experimentado várias formas conforma vou encontrando nas minhas pesquisas e leituras, mas não estou a chegar lá.
Alguém me poderia dar umas luzes de como posso chegar lá?
Obrigado!
 
Assim por alto, a opção mais correcta será fazeres com :

<ul>

<li>

bloco 1

</li>

<li>

bloco 2

</li>

</ul>

As listas são o mais versatíl para manipular com CSS, para fazer "blocos", pesquisa sobre isso.
 
Back
Topo