| |
|
|
| | Привет.
Во всех браузерах (Mozilla, Opera, Safari) сайт отображается нормально, кроме IE, причем любой версии.
Вот сам сайт http://art4you.6te.net
Пример кода:
<body>
<div id="main">...</div>
</body>
#main {width:800px; background: url("../images/new/main_ground.gif") repeat-y; margin:0 auto;}
html>body{margin:0;padding:0;text-align:center;border:0;}
body {font:bold 12px arial,tahoma; color:#c0a256; background: url("../images/new/ground.png") repeat-y top center;background-color: #8a907f;}
Need help! | |
| |
|
|
| |
|
|
| |
для: [anti]cheater
(03.06.2009 в 12:08)
| | | Вполне вероятно, что меня раскритикуют, но вам лучше попробовать вот такой вариант верстки (при том, что у вас 800 пикселей по ширине):
<html>
<head>
<style>
body { padding: 0; margin: 0; font-size: 100%; }
#body { width: 800px; border: 1px solid #CCC; text-align: left; padding: 10px; }
#header, #contents, #footer { border: 1px dashed #CCC; width: 100%; padding: 10px; }
#contents .floatleft { float: left; border: 1px dotted green; }
#contents #leftcol, #contents #rightcol { width: 178px; }
#contents #centercol { width: 400px; }
</style>
</head>
<body>
<center>
<div id="body">
<div id="header">
header
</div>
<div id="contents">
<div class="floatleft" id="leftcol">
contents-left
</div>
<div class="floatleft" id="centercol">
contents-center
</div>
<div class="floatleft" id="rightcol">
contents-right
</div>
<br clear="all" />
</div>
<div id="footer">
footer
</div>
</div>
</center>
</body>
</html>
|
Оно и на дивах, от чего сейчас верстальщики пальцы гнут (хотя таблицы никто не отменял, просто надо их использовать по назначению), и работает во всех браузерах одинаково. Как, кстати, от <center> избавиться - до сих пор не знаю. text-align: center и для внутренних text-align: left не работает.
Будут вопросы - пишите напрямую alex@maximumweb.ru | |
| |
|
|
| |
|
|
| |
для: aexb
(03.06.2009 в 16:36)
| | | >Как от <center> избавиться
Можно попробовать так:
body {text-align:center; }
#body { margin:0 auto; text-align:left;} | |
| |
|
|
