Forum PHP.pl

Witam. Muszę zastosować w layoucie 3 Divy obok siebie. Otóż lewy musi mieć odstęp 20px od lewej strony. Środkowy na środku, a prawy 20px od prawej strony. Wszystko ok żeby tylko nie pray div, który sprawił mi kłopot, którego nie mogę rozwiązać. Nie wiem z jakich przyczyn, ale nie mogę zrobić odstępu o 20px od prawej strony. Poniżej wstawiam link z kodem.



http://jsfiddle.net/8xNr6/71/

takie brzydkie

[HTML] pobierz, plaintext 
<div class="myTable">
<div class="tableRow">
<div class="tableCell"></div>
<div class="tableCell"></div>
<div class="tableCell"></div>
</div>
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
.myTable {display: table}
.tableRow {display: table-row}
.tableCell {display: table-cell}
[HTML] pobierz, plaintext 

lub js ofc

Nie ma na to jakiegoś prostszego sposoby i z mniejszą ilością kodu?

@Damonsson mówi się że tabele są już stare i wyszły. Uważasz że to dobry sposób?

Jeśli chcesz przedstawić dane tabelaryczne to tabele są jak najbardziej wskazane. Tabel nie używa się natomiast do budowania struktury strony.

Sposób jaki podał @kayman byłby dobry, gdyby nie konieczność nadania marginesów, border-spacing obejmuje całość a margin nie działa na tabeli/display, chyba że ktoś wie jak to obejść nie używając JS.

Ma to mniej więcej tak wyglądać jak poniżej na zdjęciu. Zależy mi na jakimś prostym i dobrym sposobie.

(IMG:http://i41.tinypic.com/2dje8hw.jpg)

Ten post edytował Generic 14.06.2013, 15:02:23

moja spamiarka tak własnie jest ustawiona -> http://pamparampam.pl/

Przecież Damonsson podał Ci dokładnie jak to zrobić bez tabel, a w łaśnie na divach. Zmień tylko width tych divów na taki jaki chcesz i po problemie.

Ten post edytował Hyth 14.06.2013, 15:07:32

Hosting Avatarów & Hosting Awatarów

Wsumie racja. Myślalem że kwadraty są w tebeli. Wygląda ok, jest proste i działa.

robisz jednego diva i position: relative; a później dodajesz w nim 3 divy z position: absolute; i nadaj im pozycje za pomocą left: n; gdzie n to piksele. Takie moje rozwiązanie, ale pewnie ktoś poda lepsze ;-)