Sebastian003
30.12.2007, 16:55:00
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

link z poglądem
http://www.web-pc.pl/nowy/ Pozdrawiam !
grzesiek_g
30.12.2007, 17:07:29
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
30.12.2007, 17:16:38
Heh zakręcone to jest to jak powinien wygląd kod ? żeby działało ?
grzesiek_g
30.12.2007, 17:35:08
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
30.12.2007, 17:59:42
oba sposoby nie działają
bemol
30.12.2007, 18:02:21
a mógłbyś wkleić kod?
#chodziło mi o kod css...
Sebastian003
30.12.2007, 21:51:22
podałem link do strony nie zauważyłeś ? Tam jest kod

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
30.12.2007, 21:54:34
@bemol, to może ja Ci podam link do kodu CSS...
Klik, to przecież można znaleźć...
A co do problemu - niestety, nie umiem Wam pomóc, przykro mi
Sebastian003
30.12.2007, 22:14:29
Dzieki Hazel za takie rady.
Czy jest jakiś "mózg" webmasterstwa

bo ja do tego problemu tracę cierpliwość
nevt
30.12.2007, 22:46:06
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.