Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML] strona na divach, problem z większymi rozdziałkami
Lejto
post
Post #1





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 48
Dołączył: 23.05.2007

Ostrzeżenie: (0%)
-----


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

Ten post edytował Lejto 25.05.2008, 18:51:50
Go to the top of the page
+Quote Post
Shili
post
Post #2





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

Ostrzeżenie: (0%)
-----


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;
.
Go to the top of the page
+Quote Post
Lejto
post
Post #3





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 48
Dołączył: 23.05.2007

Ostrzeżenie: (0%)
-----


nie wiem dokładnie o co ci chodzi
div#tresc {
  1. width : 575px;
  2. margin: 0 auto;
  3. overflow : hidden;
  4. }

o to?
Go to the top of the page
+Quote Post
Shili
post
Post #4





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

Ostrzeżenie: (0%)
-----


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.

Ten post edytował Shili 25.05.2008, 18:03:50
Go to the top of the page
+Quote Post
Lejto
post
Post #5





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 48
Dołączył: 23.05.2007

Ostrzeżenie: (0%)
-----


  1. div.center {
  2. margin: 0 auto;
  3. width: ileś_tam px;
  4. }

to ma iśc do id="tresc"?
Go to the top of the page
+Quote Post
Shili
post
Post #6





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
.radex
post
Post #7





Grupa: Zarejestrowani
Postów: 1 657
Pomógł: 125
Dołączył: 29.04.2006

Ostrzeżenie: (0%)
-----


Nie ma czegoś takiego jak float:center; Użyj na głównego kontenera margin: 0 auto;

EDIT: Oł.. nie zauważyłem.

Ten post edytował radex_p 25.05.2008, 18:41:45
Go to the top of the page
+Quote Post
Lejto
post
Post #8





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 48
Dołączył: 23.05.2007

Ostrzeżenie: (0%)
-----


kurde, nie rozumiem div#tresc mam zastąpić kodem który mi podałeś czy zrobić coś innego?

Ten post edytował Lejto 25.05.2008, 18:54:28
Go to the top of the page
+Quote Post
Shili
post
Post #9





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

Ostrzeżenie: (0%)
-----


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ć.
Go to the top of the page
+Quote Post
Lejto
post
Post #10





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 48
Dołączył: 23.05.2007

Ostrzeżenie: (0%)
-----


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">
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 27.09.2025 - 22:59