1nf
-
Posts
7 -
Joined
-
Last visited
1nf's Achievements
Explorer (1/14)
0
Reputation
-
Это уже не HTML....
-
Да то я от безысходности вставил, забыл убрать. Не работает всеравно (.
-
Есть код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Левая - Правая - Центр</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> * {margin: 0; padding: 0;} html {height: 100%;} body {height:auto !important; height:100%; min-height:100%; background:#fff url('../Images/bg.jpg') repeat 0 0; min-width: 1000px; position: relative;} * html body {height:100%;} #content {width: 100%; overflow: hidden; } #outer1 {width: 100%; margin-left: -100%; float: right;} #outer2 {margin-left: 832px; min-height:100%; } #left {width: 50%; float: left; position: relative; left: -832px; } #right {width: 50%; margin-left: -1px; float: right; } #main {width: 832px; margin: 0px auto; } </style> </head> <body> <div id="content"> <div id="outer1"> <div id="outer2"> <div id="left">LEFT</div> <div id="right">RIGHT</div> </div> </div> <div id="main"> <div>Center</div> </div> </div> </body> </html> Не получается с высотой. Дивы не растягиваются по высоте на 100%. Помогите пожалуйста!!!
-
Полный код (без лишних "height:100%"): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Левая - Правая - Центр</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> * {margin: 0; padding: 0;} html {height: 100%;} body {height:auto !important; height:100%; min-height:100%; background:#fff url('../Images/bg.jpg') repeat 0 0; min-width: 1000px; position: relative;} * html body {height:100%;} #content {width: 100%; overflow: hidden; } #outer1 {width: 100%; margin-left: -100%; float: right;} #outer2 {margin-left: 832px; min-height:100%; } #left {width: 50%; float: left; position: relative; left: -832px; } #right {width: 50%; margin-left: -1px; float: right; } #main {width: 832px; margin: 0px auto; } </style> </head> <body> <div id="content"> <div id="outer1"> <div id="outer2"> <div id="left">LEFT</div> <div id="right">RIGHT</div> </div> </div> <div id="main"> <div>Center</div> </div> </div> </body> </html>
-
Есть следующий код: <style type="text/css"> * {margin: 0; padding: 0;} html {height: 100%;} body {height:auto !important; height:100%; min-height:100%; background:#fff url('../Images/bg.jpg') repeat 0 0; min-width: 1000px; position: relative;} * html body {height:100%;} #content {width: 100%; height:100%; overflow: hidden; } #outer1 {width: 100%; margin-left: -100%; float: right; height:100%;} #outer2 {margin-left: 832px; height:100%; } #left {width: 50%; float: left; position: relative; left: -832px; height:100%;} #right {width: 50%; margin-left: -1px; float: right; height:100%;} #main {width: 832px; margin: 0px auto; height:100%;} </style> </head> <body> <div id="content"> <div id="outer1"> <div id="outer2"> <div id="left">LEFT</div> <div id="right">RIGHT</div> </div> </div> <div id="main">Center</div> </div> </body> </html> Никак не могу заставить растянуться по высоте, хотя родительский элемент "body" растягивается - это видно по его фону. Помогите пожалуйста решить проблему. Спасибо.
-
Да, действительно ето особенность Майкрософта. Ниче не сделаешь. Тема закрыта. Спасибо ).
-
Почему IE сглаживает sans-serif шрифты и уменьшает расстояние между буквами? А именно для примера: зайдите по ссылке http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html с помощью IE (у меня 7й) и например браузером Mozilla. Обратите внимание на строку "Verdana, Verdana, Geneva, sans-serif". - IE сглаживает и уменьшает расстояние между буквами. Помогите плс решить проблему, оч надо..