Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html] Dziwny problem z kolumną !
Forum PHP.pl > Forum > Przedszkole
Sebastian003
Witam !

Mam problem dziwny dla mnie a dokładnie z div.
Przeczytałem kilka kursików ale nie znalazłem na to pytanie odpowiedzi, wiec postanowiłem spytać się speców.

Chodzi o to że mam div podzielony na 2 kolumny i 2 wiersze pomiędzy jest przerwa 5px.

i Tak:

483px kolumna I + 5px przerwa + 242px kolumna II = daje 730px i pierwszy wiersz wyświetla sie perfekcyjnie.

z drugim jest problem a mianowicie ma te same parametry ale w 2 kolumnie 2 wiersz przenosi na dól nie wiem co jest nie tak ma takie same parametry sad.gif

link z poglądem

http://www.web-pc.pl/nowy/

Pozdrawiam !
grzesiek_g
W drugim wierszu Firebug pokazuje mi, że lewy blok ma 488px. Bo 483px długości wewnętrznych bloków + 5px marginesu = 488px.
A nie lepiej nadać temu blokowi długość 488px i margines prawy 5px?

Do tego w prawym bloku masz elementy z marginesem prawym, dokładnie chodzi o klasy: x, y, z.
Sebastian003
Heh zakręcone to jest to jak powinien wygląd kod ? żeby działało ?
grzesiek_g
Najprościej? Z klas x,y,z usuń margin-right.
Lepsze rozwiązanie:
- usuń z klas: a,b,c,x,y,z margin-right, dla tych klas daj width:100%
- dodaj do każdego bloku w 2 rzędzie: width (tyle pikseli ile napisałeś w 1 poście)
- do bloku lewego w 2 rzędzie dodaj margin-right:5px.
Sebastian003
oba sposoby nie działają sad.gif

bemol
a mógłbyś wkleić kod?

#chodziło mi o kod css...
Sebastian003
podałem link do strony nie zauważyłeś ? Tam jest kod biggrin.gif

Kod
<div class="centerlay">
<div class="heightlay">
<div class="podmenuaverage">Wyślij: Format: jpg, jpeg, gif, png - Rozmiar: 3 MB</div>
<div class="podmenusmall">Panel użytkownika:</div>
</div>
<div class="float">
<div class="a"></div>
<div class="b">Kameleon jest systemem dzięki czemu łatwy</div>
<div class="c"></div>
</div>
<div class="float">
<div class="x"></div>
<div class="y">Jeśli sie zarejestrujesz możesz gromadzić swoje albumy graficzne.</div>
<div class="z"></div>
</div>
</div>


CSS

http://www.web-pc.pl/nowy/style.css
Hazel
@bemol, to może ja Ci podam link do kodu CSS... dry.gif
Klik, to przecież można znaleźć...
A co do problemu - niestety, nie umiem Wam pomóc, przykro mi tongue.gif
Sebastian003
Dzieki Hazel za takie rady.

Czy jest jakiś "mózg" webmasterstwa sad.gif bo ja do tego problemu tracę cierpliwość
nevt
Sebastian003 - trochę więcej szacunku dla osób które starają się ci pomóc... to, że czasami niełatwo znaleźć rozwiązanie problemu jest TWOIM kłopotem a nie osób na tym forum..

co do konkretów:

wywal z klas x, y i z margin-right:5px - to powoduje, że ostatni blok się nie mieści...
w klasie y wywal text-indent:15px - a wstaw - padding: 0px 15px
a na koniec w klasie y zmień width: 242px na width: 212px...

to już któryś twój z kolei TAKI SAM problem (już ci to raz łopatologicznie tłumaczyłem w innym wątku ...). ciągle nie pamiętasz, że parametry width i height nie oznaczają CAŁKOWITEJ szerokości / wysokości bloku, a tylko rozmiar WEWNĘTRZNY do którego DODAJĄ SIĘ padding, margin czy border-width... więc jeśli dodajesz / zwiększasz margin a chcesz pozostawić całkowitą szerokość bloku bez zmian to musisz odpowiednio zmniejszyć width...

powodzenia.
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.