Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML] strona na divach
Forum PHP.pl > Forum > Przedszkole
Lejto
Mam stronę na divach u mnie wszytko działa tylko jak odpalę stronę na panoramicznym monitorze to środkowa część strony idzie na lewo chcę żeby była na środku to ustawiam sobie float na center i jest na środku ale wtedy prawa część strony spada na dół nie jest obok środkowej części, co na to poradzicie?
  1. div#top {
  2. width : 100%;
  3. }
  4. div#lewo {
  5. width : 200px;
  6. float : left;
  7. overflow : hidden;
  8. }
  9. div#tresc {
  10. width : 575px;
  11. float : left;
  12. overflow : hidden;
  13. }
  14. div#prawo {
  15. width : 200px;
  16. float : right;
  17. }
  18. div#stopka {
  19. clear : both;
  20. width : 100%;
  21. float : none;
  22. }

i strona
  1. <div id="top">
  2.  
  3. <?php $c->banner(); ?>
  4.  
  5. <div id="lewo">
  6. <? $c-> menu(); ?> <?
  7. shoutbox(); ?>
  8. <!-- KOD dalszy -->
  9.  
  10. </div>
  11. <div id="tresc">
  12. <!-- KOD dalszy -->
  13. </div>
  14.  
  15. <div id="prawo">
  16.  
  17. <!-- KOD dalszy -->
  18.  
  19. </div>
  20.  
  21. <div id="stopka">
  22. <!-- KOD dalszy -->
  23.  
  24. </div>

Proszę o pomoc
Shili
Kod
float na center
Float nie może przyjąć wartości center, bo po prostu nie ma takiej wartości.
To co chcesz mieć na środku zawrzyj w nowym kontenerze i nadaj mu styl:
Kod
margin: 0 auto;
.
Lejto
nie wiem dokładnie o co ci chodzi
div#tresc {
  1. width : 575px;
  2. margin: 0 auto;
  3. overflow : hidden;
  4. }

o to?
Shili
Divy o jakich dokładnie id chcesz mieć wycentrowane? Jeśli prawo, lewo i treść to:
Kod
<div class="center">
    <div id="lewo">
        Lewa tresc
    </div>
    <div id="tresc">
        Tekst
    <div id="prawo">
        Inny tekst.
    </div>
</div>


Style (dodane do tych, ktore już masz):
Kod
div.center {
    margin: 0 auto;
        width: ileś_tam px;
}

Jeśli trzeba możesz też dodać styl clear.
Lejto
  1. div.center {
  2. margin: 0 auto;
  3. width: ileś_tam px;
  4. }

to ma iśc do id="tresc"?
Shili
Masz kod html. Z niego możesz sobie wyczytać do czego się odnosi. A zawrzeć masz to oczywiście w pliku z resztą stylów.
.radex
Nie ma czegoś takiego jak float:center; Użyj na głównego kontenera margin: 0 auto;

EDIT: Oł.. nie zauważyłem.
Lejto
kurde, nie rozumiem div#tresc mam zastąpić kodem który mi podałeś czy zrobić coś innego?
Shili
Podałaś.

Masz mój przykład, halo włącz analizę kodu.
Masz te divy, które chcesz wycentrować wziąć w div o klasie na przykład center i dodać do wszystkich reguł w Twoich stylach podany przeze mnie kod.

Wyraźnie napisałam, że dopisujesz a nie nadpisujesz.
Spróbuj jeszcze raz uważnie przeanalizować przykład - jest prosty, więc jak się przyłożysz powinieneś zrozumieć.
Lejto
robie tak i nic
  1. div#tresc {
  2. width : 575px;
  3. float : left;
  4. overflow : hidden;
  5. }
  6. div.ce{
  7. margin: 0 auto;
  8. }

i
  1. <div id="prawo" class="ce">
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.