[html] Dziwny problem z kolumną ! Opcje

[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 (IMG:http://forum.php.pl/style_emoticons/default/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ą (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

[bemol]

a mógłbyś wkleić kod?

#chodziło mi o kod css...

Ten post edytował bemol 30.12.2007, 18:12:18

[Sebastian003]

podałem link do strony nie zauważyłeś ? Tam jest kod (IMG:http://forum.php.pl/style_emoticons/default/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

Ten post edytował Sebastian003 30.12.2007, 21:52:32

[Hazel]

@bemol, to może ja Ci podam link do kodu CSS... (IMG:http://forum.php.pl/style_emoticons/default/dry.gif)
Klik, to przecież można znaleźć...
A co do problemu - niestety, nie umiem Wam pomóc, przykro mi (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

[Sebastian003]

Dzieki Hazel za takie rady.

Czy jest jakiś "mózg" webmasterstwa (IMG:http://forum.php.pl/style_emoticons/default/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.