Не знаю, как насчет отца русской демократии, а вот скромного человека, это таки спасло
Благодарю, но это еще не конец, надеюсь вы от меня не сбежите
Поехали дальше, общий вид страницы, нормально отображаеться только в firefox
а вот Opera и IE решили отличится, каждый по-своему.
Opera
IE правда еще и на скрипты ругаеться, но с этим я потом буду разбираться
Эта страничка состоит из
header.php
index.php - включает /components/list.catalog/index.php и /components/tree.catalog/index.php но они вроде нормально по отдельности отображаються
footer.php
index.php- Код: Выделить всё
<? /*INDEX*/
require("header.php");
?>
<table width="25%" align="left">
<tr>
<td>
<?
include("components/tree.catalog/index.php");
?>
</td>
</tr>
</table>
<div class="br-small" > </div>
<table width="73%" align="left" class="search-panel">
<tr>
<td width="15%">
<input class="textbox" name="txtSearch" type="text" />
</td>
<td width="5%">
<img src="imgs/search.png" alt="Поиск" />
</td>
<td>
<input type="checkbox" name="chk1">галочка нумер 1</input>
</td>
<td>
<input type="checkbox" name="chk1">галочка нумер 2</input>
</td>
</tr>
</table>
<?
include("components/list.catalog/index.php");
?>
<?
include("footer.php");
?>
header.php- Код: Выделить всё
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link href="style/main.css" type="text/css" rel="stylesheet" />
<meta http-equiv="Content-Type" content="text/html; " />
<title>B2B</title>
<?
/*
php код который не выводт ничего упущен
*/
?>
</head>
<body class="body_index">
<div class="header">
<table width="100%" height="100" border="0" cellpadding="0" cellspacing="0">
<td width="23%">
<img src="/images/logo-big.png" alt="qBox" width="221" height="104" /> </td>
<td width="51%">
<table class="userinfo" width="100%" height="100%">
<tr>
<td width="50%">Компания: qBox</td>
<td width="50%" rowspan="4">Контакты менеджера:
<li>Тел: 80501234567</li>
<li> ICQ: 123456789</li>
<li> E-Mail: mail@.mail.com</li>
</td>
</tr>
<tr>
<td>Место доставки:Фрунзе 62Б </td>
</tr>
<tr>
<td width="57%">Ваш менеджер: Голубов Д. </td>
</tr>
<tr>
<td height="18">Курс USD: 1 кг/час</td>
</tr>
</table>
</td>
<td width="26%">
</td>
</table>
<table width="100%" height="30px" class="menu-box">
<td><a href="index.php">Каталог</a></td>
<td><a href="basket.php">Корзина</a></td>
<td><a href="#">menuItem</a></td>
</table>
</div>
footer.php- Код: Выделить всё
<br/>
<table class="footer" width="100%" height="98px">
<tr>
<td width="33%"></td>
<td align="center" valign="middle"><img alt="foot logo" src="imgs/foot_logo.png"/></td>
<td width="33%"></td>
</tr>
</table>
</body>
</html>
одна большая таблица стилей, которая исполдьзуеться почти везде
- Код: Выделить всё
.body_index
{
/*width:1210px;*/
overflow:auto;
min-width: 1200px;
}
#list_catalog{
border:none;
}
.userinfo{
color:#4a4d49;
}
.error {
width:100%;
color: #FF0000;
border: thin solid #FF0000;
font-weight: bold;
font-size: 14px;
}
/*.br-small{
height:3px;
}*/
.br-small{
height:3px;
font-size: 0;
}
.search-panel{
/*background:#D6D6D6;*/
background:url(../imgs/sectionHeader.png) repeat-x;
height:32px;
vertical-align:middle;
font-weight:bold;
color: #333;
border:thin solid #C1C1C1;
}
/*
- menu styles
*/
.menu-top {
padding:0px 0px 13px 0px;
width:100%;
font-size:14px;
border: thin solid #ffffff;
background:url(../imgs/mnuTOP.png) repeat-x;
}
.menu-box {
padding:0px 0px 13px 0px;
}
.menu-box td {
background:url(../imgs/mnuTOP.png) repeat-x;
vertical-align:middle;
text-align:center;
padding-right:1px;
height:32px;
/*background: #75bc0a;*/
border-right:1px solid #ffffff;
}
.menu-box td.selected
{
background: #4d4746;
}
.menu-box A {
font-weight:14px;
color: #ffffff;
text-decoration:none;
}
.navigator
{
color: #4a4d49;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color: #CCCCCC;
}
a
{
color: #4a4d49;
text-decoration:none;
}
.navigator a:hover
{
color:#75bc0a;
text-decoration:underline;
}
/*.navigator td
{
border-right-width: thin;
border-bottom-width: thin;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #75bc0a;
border-bottom-color: #75bc0a;
}*/
.cat-table
{
font-family: Arial;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
background-color:#D5D5D5;
color:#4a4d49;
}
.cat-table-header{
font-size:12px;
/*background: url(/images/desc.png) no-repeat center;*/
text-align:center;
cursor:pointer;
color:#4a4d49;
}
.cat-table td{
/* color:#4a4d49;*/
background: #E9E9E9;
margin: 2px;
}
.digit-cell{
vertical-align:middle;
text-align:center;
}
.url-cell{
cursor:pointer;
}
.cat-table tr:hover{
/* background:#75bc0a; */
color:#75bc0a;
}
.cat-textbox {
background:#ffffff url(/images/input-bg.gif) repeat-x scroll 0% 100%;
border:1px solid #B7B5B5;
font-size:10px;
padding:2px 5px;
color: #4a4d49;
vertical-align:middle;
text-align:center;
}
.textbox {
background:#ffffff url(/images/input-bg.gif) repeat-x scroll 0% 100%;
border:1px solid #B7B5B5;
font-size:14px;
padding:2px 5px;
color: #4a4d49;
vertical-align:middle;
}
.sectionHeader{
background:url(../imgs/sectionHeader.png) repeat-x;
height:32px;
vertical-align:middle;
text-align:center;
font-weight:bold;
color: #333;
border:thin solid #C1C1C1;
}
.BigSectionHeader{
background:url(../imgs/sectionHeader.png) repeat;
height:32px;
vertical-align:middle;
text-align:center;
font-weight:bold;
color: #333;
border:thin solid #C1C1C1;
}
.art_Description{
height:150px;
overflow:auto;
}
.basket_reserv{
/*background:url(../imgs/basket.reserv.png) repeat-x;*/
height:500px;
}
.reservItem
{
border:thin solid #C1C1C1;
background: url(../imgs/sectionHeader.png) repeat-x;
height:32px;
vertical-align:middle;
}
.basket_summ{
width:312px;
background:url(../imgs/basket/suma.png) center no-repeat;
text-align:right;
font-weight:bold;
color: #4A4D49;
}
.catalog-price {
color:red;
}
table.product-box {
background: #F3F4F5;
width:100%;
}
table.product-box TD{
border:7px solid #F3F4F5;
background: #ffffff;
}
table.product-box .product {
border:0px;
}
.catalog-element td
{
background-color: #f0f0f0;
padding:10px 10px;
}
.footer{
position:static;
bottom:0px;
background: url(../imgs/footer.png) repeat-x;
}