Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Divy problem
Forum PHP.pl > Forum > Przedszkole
BugsBunny
Witam. Mam problem z DIVem
mianowicie:
  1. <div id="AdminTop">
  2. <span class="mainTop">{$admin@title}</span>
  3. </div>
  4.  
  5. <div id="AdminMiddle">
  6.  
  7. <div id="LeftAdminColumn">
  8. <span class="menuTop">{$menu@menu}</span>
  9. <div class="menu">
  10. <a href="admin.php?page=setting" class="menu">{$menu@setting}</a>
  11. <br>
  12. </div>
  13.  
  14.  
  15. <br>
  16. <span class="menuTop"> {$menu@pages} </span>
  17. <br>
  18.  
  19. <div class="menu">
  20. <a href="admin.php?page=newPage" class="menu">{$menu@newPage}</a>
  21. <br>
  22. <a href="admin.php?page=pageManager" class="menu">{$menu@pageManager}</a>
  23. <br>
  24. <a href="admin.php?page=contact" class="menu">{$menu@contactForm}</a>
  25. </div>
  26.  
  27. </div>
  28.  
  29. <div id="RightAdminColumn">
  30. <h1>{$AdminError}</h1>
  31. {include file="$subPage" }
  32. </div>
  33.  
  34. </div>


adminMiddle powinien mieć taką wysokość jak najwyższy z zawierających się DIVów czyli LeftAdminColumni RightAdminColumn

tutaj CSS

Kod
#leftAdminColumn
{
    background-color: #5de3fb;
    width:200px;
    overflow: hidden;
    float: left;
    
    
}
html, body {
    background-color: #ffffff;
    color: #000;
    margin: 0;
    padding: 0;
}
#AdminMiddle
{
    position: static;
    background-color: #5de3fb;
    float: none;
    min-height: 50px;
    clear: both;
}

#AdminTop {
    background-color: #5de3fb;
    min-height:40px;
    text-align: center;
}

#RightAdminColumn {
    width: 800px;
    float: left;
    overflow: hidden;
    border-left: 1px solid #000000;
/*    background-color: #5de3fb;*/
    
}
#AdminFooter {
    clear: both;
    width: 100%;
    background-color: #5f6e71;
    min-height: 50px;
    text-align: center;
    font-family: "Myriad Pro";

}



mam również problem z umieszczeniem tekstu po środku DIVa o ustalonych rozmiarach( nie reaguje na margin-top)
kazag
ja robie to tak, ze na dole diva zawierającego mam diva o klasie "separator"
Kod
{
width:1px;
height:1px;
clear:both;
}

on wlasnie rozciąga diva zawierającego.

co do tekstu, dajesz ten margin na co? na <p> ?
BugsBunny
margin daje na span
kazag
hm, wiec nie uzywasz <p>? Daj margin na p, a jesli nie, to daj w p padding-top.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.