Someone
-
Posts
7 -
Joined
-
Last visited
Someone's Achievements
Explorer (1/14)
0
Reputation
-
Помогло, спасибо.
-
Всем привет! У меня есть 2 div'а на странице, мне нужно, чтобы они располагались один под другим и верхний занимал по высоте 10% страницы, а нижний - 90. Сделал вот так <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Main page</title> </head> <body> <div style="position: absolute; height:10%; width:100%; background-color: #086FA1"> </div> <div style="position: absolute; height:90%; width:100%; background-color: #FF0000"> </div> </body> </html> В итоге второй див, который 90%, наезжает на первый и перекрывает его, а мне нужно, чтобы второй располагался под первым, и чтобы они оба занимали нужные мне пропорции страницы (10 и 90). Как это сделать?
-
Как выровнять таблицу по центру страницы вертикально?
Someone replied to Someone's question in HTML Coding
Завернул свою таблицу в <div style="display: table-cell; vertical-align: middle;"></div>, как пишут в статье, не помогло, так таблица даже по горизонтали перестает центрироваться. Вот так тоже не работает: <div style="display:flex; justify-content: center; align-items:center; height:100%; width: 100%;"></div> Вот так тоже не работает <style> .outer { display: flex; justify-content: center; /*Центрирование по горизонтали*/ align-items: center; /*Центрирование по вертикали */ } </style> <div class="outer"></div> Если в div задать какую-то конкретную высоту, например 1000px <div style="display:flex; justify-content: center; align-items:center; height:1000px; width: 100%;"></div> то оно выравнивает по центру этой высоты... Но как тогда задать, чтобы div занимал всегда 100% страницы по высоте? Как я уже писал, <div style="display:flex; justify-content: center; align-items:center; height:100%; width: 100%;"></div> не работает, показывает таблицу по центру по горизонтали, но вверху страницы... Хелп ми. Добавил в style position: absolute;, все отображает как надо, в итоге вот так <div style="display:flex; justify-content: center; align-items:center; position: absolute; height:100%; width: 100%;"></div> Всем спасибо. -
Всем привет, сделал вот такую таблицу с выравниванием по горизонтали <body> <table align="center"> <tr> <td align="right">Login</td> <td align="left"><input type="text"></td> </tr> <tr> <td align="right">Password</td> <td align="left"><input type="text"></td> </tr> <tr> <td align="right"></td> <td align="right"><button style="display: inline-block">Login</button></td> </tr> </table> </body> Теперь нужно сделать еще выравнивание по вертикали. Чтобы таблица отображалась по центру страницы по горизонтали и вертикали. valign и vertical-align не работают... как это сделать?
-
Помогло, спасибо. Почему, кстати, так? Чем плохи <center> и <div align="center"></div>?
-
Горизонтально.
-
Всем привет! Как правильно расположить элементы по центру страницы в html 5? Читаю тут http://htmlbook.ru/html/center что <center> в html5 запрещен, тут http://htmlbook.ru/html/div/align что <div align="center"></div> тоже не айс (написано - осуждается... что?). Так как же нужно центрировать элементы в html5? У меня есть, например, input, как тогда мне поместить его по центру страницы?