Tabela serwerów na 15.6 cala wychodzi poza forum

[EgZeKutoR]

Problem polega na tym, że tabela serwerów na monitorach 15.6 cala wychodzi poza forum, a na 17 cali jest idealnie. co z tym zrobic aby tabela dostosowywała się do przekątnej ekranu sama??

 

daje ss z obu monitorów:

 

15.6 cala:

http://scr.hu/3u17/rxkmh

 

17 cali:

http://scr.hu/75i8/hxzi6
 

[Macsch15]

Musisz dostosować ją do mniejszych rozdzielczości.

Poczytaj sobie o http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

[Blaine]

Ogólnie musisz to zrobić responsywne, bo wyobraź sobie co się stanie na mobilnych;p

 

Polecam do testowania, firefoxowy "widok trybu responsywnego", bardzo ładnie pokazuje co się dzieje ze stronką na różnych rozdzielczościach

Edytowane 2 Stycznia 2016 przez Blaine

[EgZeKutoR]

Ogólnie musisz to zrobić responsywne, bo wyobraź sobie co się stanie na mobilnych;p

 

Polecam do testowania, firefoxowy "widok trybu responsywnego", bardzo ładnie pokazuje co się dzieje ze stronką na różnych rozdzielczościach

 

Z Mobilnym nie ma problemu bo wylaczyliśmy to za pomocą kodu więc mobilny jest stabilny i nie ma na nim tabelki. A co do "zrobić reponsywne" to Cię nie rozumiem

[Macsch15]

Tak się dzieje dlatego że jest źle napisania (a raczej skopiowana).

<table class="ipb_table" height="113" width="160%"><tbody>

Usuń to "width="160%"" a potem ustaw szerokość w CSS.

[Blaine]

 

Ogólnie musisz to zrobić responsywne, bo wyobraź sobie co się stanie na mobilnych;p

 

Polecam do testowania, firefoxowy "widok trybu responsywnego", bardzo ładnie pokazuje co się dzieje ze stronką na różnych rozdzielczościach

 

Z Mobilnym nie ma problemu bo wylaczyliśmy to za pomocą kodu więc mobilny jest stabilny i nie ma na nim tabelki. A co do "zrobić reponsywne" to Cię nie rozumiem

 

RWD = responsive web design, czyli sposób projektowania stron internetowych uwzględniający możliwość ich wyświetlania na różnych rozdzielczościach, tzn poszczególne elementy zmieniają rozmiary i miejsca w zależności od wielkości ekranu (bądź rozdzielczości) robi się to głównie przy użyciu tagu "@media" w css

[Blaine]

Nie mogę edytować postów proszę o połączenie.

 

Popatrzyłem na twoją stronkę i jest tam coś takiego:

<table class="ipb_table" summary="Fora w kategorii 'NAZWA'">
<tbody>
<tr class="row2">
<td>
            <table class="ipb_table" height="113" width="160%">
            <tbody>

zmień to na coś takiego:

<table class="ipb_table" style="width:100%;" summary="Fora w kategorii 'NAZWA'">
<tbody>
<tr class="row2">
<td>
	    <table class="ipb_table" height="113" style="width:100%;">
            <tbody>

z tym że nie wiem jak wygląda twoje źródło, tzn co jest generowane automatycznie a co wstawiasz ręcznie, więc zmiana tego może nie być taka łatwa.

 

Inna sprawa to RWD samego forum, jest zrobione niepolecaną metodą, to znaczy celuje w określone rozdzielczości i zmienia układ całego forum po jej osiągnięciu, powoduje to iż na niestandardowych rozdzielczościach będzie się pokazywał poziomy pasek przewijania.

Lepiej jest nie targetować standardowych rozdzielczości, ale ustawiać punkty zmian w miejscach w których coś zacznie się "chrzanić", tym sposobem strona będzie wyglądała dobrze w każdej możliwej rozdzielczości, oczywiście w ramach rozsądku:)

Edytowane 3 Stycznia 2016 przez Blaine

[EgZeKutoR]

Nie mogę edytować postów proszę o połączenie.

 

Popatrzyłem na twoją stronkę i jest tam coś takiego:

<table class="ipb_table" summary="Fora w kategorii 'NAZWA'">
<tbody>
<tr class="row2">
<td>
            <table class="ipb_table" height="113" width="160%">
            <tbody>

zmień to na coś takiego:

<table class="ipb_table" style="width:100%;" summary="Fora w kategorii 'NAZWA'">
<tbody>
<tr class="row2">
<td>
	    <table class="ipb_table" height="113" style="width:100%;">
            <tbody>

z tym że nie wiem jak wygląda twoje źródło, tzn co jest generowane automatycznie a co wstawiasz ręcznie, więc zmiana tego może nie być taka łatwa.

 

Inna sprawa to RWD samego forum, jest zrobione niepolecaną metodą, to znaczy celuje w określone rozdzielczości i zmienia układ całego forum po jej osiągnięciu, powoduje to iż na niestandardowych rozdzielczościach będzie się pokazywał poziomy pasek przewijania.

Lepiej jest nie targetować standardowych rozdzielczości, ale ustawiać punkty zmian w miejscach w których coś zacznie się "chrzanić", tym sposobem strona będzie wyglądała dobrze w każdej możliwej rozdzielczości, oczywiście w ramach rozsądku:)

Pomogłeś teraz tabela ładnie dostosowywuje się do rozdzielczosci ekranu