Webboard

Pełna wersja: Wyśrodkowanie belek
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
[attachment=11977]

Chodzi mi o wyśrodkowanie belki Partnerzy, tak aby przerwa między OSTATNIO AKTYWNE TEMATY a TOP 5 REPUTACJI była taka sama i aby to co znajduje się w środku belki partnerzy też było wyśrodkowane, kombinowałem na różne sposoby jednak bezskutecznie.


<div class="staty-top">
<div class="szerokosc">



</td>
<div class="kolumna1">{$topStats['LastActiveThreads']}</div>
<div class="kolumna2">




<table border="0" cellspacing="0" cellpadding="4" class="tborder">
<tr>
<td class="thead"><strong>Partnerzy</strong></td>
</tr>
<tr>
<td class="trow1">







<marquee><table width="100%" cellspacing="1" cellpadding="3" border="0" align="center">
<!-- Tutaj zaczyna się część dla jednego sponsora -->
<tr>
<td align="center" class=""><a href="http://www.pukawka.pl/pp,nieznanyofficial.html" title="Serwery gier"><img src="http://www.pukawka.pl/img/pp/350x19.gif" alt="Serwery gier" /></a></td>

<!-- a tutaj kończy -->
</table></marquee>
</br>









<div style="width: 98%; padding:10px;background: #0e0e0e;">


Więcej informacji</div></td>
</tr>
</table><br />
</td>
</tr>
</table>







</div>
<div class="kolumna3">{$topStats['Reputation']}</div>
</div>
</div>
Chcesz dobre rozwiązanie? Użyj flex.
Chcesz aby tylko działało? Nadaj na sztywno height. Ustalasz na sztywno szerokość, więc i wysokość możesz. Nie jest to dobre rozwiązanie, ale kod szablonu również nie powala.
Możesz jeszcze pobrać w jQuery wysokość tych 3 elementów, sprawdzić który jest najwyższy i reszcie dostosować do niego wysokość.
(06.06.2017, 16:01)Divir napisał(a): [ -> ]Chcesz dobre rozwiązanie? Użyj flex.
Chcesz aby tylko działało? Nadaj na sztywno height. Ustalasz na sztywno szerokość, więc i wysokość możesz. Nie jest to dobre rozwiązanie, ale kod szablonu również nie powala.
Możesz jeszcze pobrać w jQuery wysokość tych 3 elementów, sprawdzić który jest najwyższy i reszcie dostosować do niego wysokość.

ŹLE zrozumiałeś to co napisałem, nie chodzi mi o wyśrodkowanie w pionie tylko w poziomie bo nie wiem czemu moja belka partnerzy jest do lewej strony bardziej i to samo tyczy sie przycisku w belce
W czym problem?
Dodaj margin-left do kolumna2 bądź zmień float w kolumna3

https://www.w3schools.com/css/css_float.asp
https://www.w3schools.com/css/css_margin.asp
Spróbuj tego:
.szerokosc {
   width: 1150px;
   margin: auto auto;
   display: flex;
}
.kolumna1 {
   width: 270px;
   /* float: left; */
   height: 185px;
   padding: 10px;
   background: #252525;
   margin-left: auto;
   margin-right: auto;
   border: 1px solid #3c3c3c;
}

.kolumna3 {
   width: 270px;
   /* float: right; */
   margin-left: auto;
   padding: 10px;
   margin-left: auto;
   margin-right: auto;
   background: #252525;
   border: 1px solid #3c3c3c;
   height: 185px;
   margin-right: auto;
}

.kolumna2 {
   width: 520px;
   text-align: center;
   /* float: left; */
   margin-left: auto;
   margin-right: auto;
   padding: 10px;
   height: 185px;
   border: 1px solid #3c3c3c;
   background: #252525;
}
.kolumna3 {
   width: 270px;
   /* float: right; */
   margin-left: auto;
   padding: 10px;
   margin-left: auto;
   margin-right: auto;
   background: #252525;
   border: 1px solid #3c3c3c;
   height: 185px;
   margin-right: auto;
}

[attachment=11978]
Czemu autor tematu podpisuje się nie pod swój styl?
Cytat:Autor: Oryginalnie: Krasnal Przekonwertował: baku (obecnie DeeFku)