Резиновый дизайн

@Lersen · Регистрация: 10.12.2013

Author24 — интернет-сервис помощи студентам

Добрый форумчане!

Нужно сделать резиновый дизайн. Требование: чтобы до определенного размера рос один столбец, а после - другие(края). Эскиз прилагаю.

HTML5

<table>
    <tr>
        <td></td> <!--левая полоса растет если разрешение экрана >1400px-->
        <td>
            <table> <!--тело сайта растет до максимального размера 1400px-->
                <tr>
                    <td></td><!--фиксированный размер-->
                    <td></td><!--изменяемый размер растет пока тело <1400px-->
                    <td></td><!--фиксированный размер-->
                </tr>
            </table>
        </td>
        <td></td><!--правая полоса растет если разрешение экрана >1400px-->
    </tr>
</table>

Пытался использовать max-width, но не могу сообразить как.

@X-Com_zbk · 12.12.2013, 09:34

попробуй задать классы либо ID для каждой свое что-то типо

HTML5

<table>
    <tr>
        <td id="1"></td> <!--левая полоса растет если разрешение экрана >1400px-->
        <td>
            <table id="2"> <!--тело сайта растет до максимального размера 1400px-->
                <tr>
                    <td id="3"></td><!--фиксированный размер-->
                    <td id="4"></td><!--изменяемый размер растет пока тело <1400px-->
                    <td id="3"></td><!--фиксированный размер-->
                </tr>
            </table>
        </td>
        <td id="1"></td><!--правая полоса растет если разрешение экрана >1400px-->
    </tr>
</table>

Затем используя в css запрос @media сделать что-то наподобие

CSS

#1{
width: 50%;
min-width: 200px;
max-width: 700px;
}
#2{
width: 50%;
min-width: 200px;
max-width: 700px;
}
 
@media screen and (min-width: 1400px) {
    #1 {
        width: 50%;
        min-width: 700px;
        max-width: 1400px;
     }
     #2 {
        width: 50%;
        min-width: 700px;
        max-width: 1400px;
     }
 
}

вот можешь взять за пример, работы с @media - я уже задавал подобный вопрос

@Academik · 12.12.2013, 15:05

Названия классов или id не могут начинаться с цифр.

@Academik 1025 / 678 / 295 Регистрация: 04.04.2013 Сообщений: 2,709
	12.12.2013, 15:05	3
	Названия классов или id не могут начинаться с цифр. 0