Табличная верстке шаблона. Не правильная высота ячеек шапки

mizhory · January 17, 2012

XHTML 1.1 & CSS 2/3

Проблема заключается вот в чем: Есть шапка (в верхней строке 2 ячейки с атрибутами class="logo llogo" и class="logo automashtab rlogo"). В левой ячейке фиксированная ширина, правая ячейка с авто-масштабированием. У обоих ячеек фиксированная высота (254px) и у картинок высота = 254px но при просмотре в браузерах между верхней строкой и следующей есть пустое пространство при анализе я выяснил что пространство появляется в верхней строке но там его не может быть! т.к. высота ячеек = высоте картинок (инфа 100%)

в чем может быть проблема? (если чего то не хватает в описании или чего то не понятно задавайте вопросы и пишите что не хватает и что не понятно!1)

(здесь можно увидеть http://primeaccount.ru/pa/index.html )

вот index.html


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" href="css/main.css" />
<!—->
</head>

<body>
<table width="1280" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td class="logo llogo"><img src="images/left-logo.jpg" alt="" width="579" height="254" /></td>
        <td class="logo automashtab rlogo"><img src="images/logo-right.jpg" alt="" width="700" height="254" /></td>
    </tr>
    <tr>
        <td colspan="2">
            <table border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td class="blockLeft">
                        <ul class="LeftMenu">
                            <li class="item-123"><a href="#">Главная</a></li>
                            <li class="item-124 parent"><a href="#">Регистрация</a></li>
                            <li class="item-125"><a href="#">Бухгалтерское сопровождение</a></li>
                            <li class="item-126 parent"><a href="#">Юридические услуги</a></li>
                            <li class="item-127"><a href="#">Юридические адреса</a></li>
                            <li class="item-128"><a href="#">Сделки с недвижимостью</a></li><li class="item-129"><a href="/index.php/nalogovye-spory">Налоговые споры</a></li>
                            <li class="item-130"><a href="#">Цены</a></li>
                            <li class="item-131"><a href="#">Партнеры</a></li>
                            <li class="item-132"><a href="#">Контакты</a></li>
                        </ul>
                    </td>
                  <td class="blockMain">
                        <table border="0" cellpadding="0" cellspacing="0" class="bmain">
                            <tr>
                                <td class="tdMainMenu">
                                    <table border="0" cellpadding="0" cellspacing="0" class="MainMenu">
                                        <tr>
                                            <td><div><a href="#">Главная</a></div></td>
                                            <td><div><a href="#">Услуги</a></div></td>
                                            <td><div><a href="#">Цены</a></div></td>
                                            <td><div><a href="#">Партнеры</a></div></td>
                                            <td><div><a href="#">Контакты</a></div></td>
                                            </tr>
                                            </table>
                                </td>
                            </tr>
                            <tr>
                                <td class="content">
                                    Content
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td class="blockRight"></td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</body>
</html>

Вот main.css


body {
background: none repeat scroll 0 0 #B0B2B4;
font-family: Helvetica,Arial,sans-serif;
margin: 0;
/* overflow: hidden;*/
padding: 0;
}
table {
border: medium none;
border-collapse: collapse;
border-spacing: 0;
padding: 0;
width: 100%;
}
table td {
padding: 0;
table-layout: fixed;
}
img {
border: medium none;
}
table.rtable {
min-width: 1280px !important;
}
col.header-col1, col.header-col2 {
height: 254px;
max-height: 254px;
}
.logo {
height: 254px;
max-height: 254px;
padding: 0;
text-align: right;
}
.logo img {
height: 254px;
margin: 0;
}
.automashtab {
background-image: url("../images/automashtab.png");
background-repeat: repeat-x;
margin: 0;
padding: 0;
}
.rlogo img {
margin: 0;
}
.llogo {
width: 579px !important;
}
td.blockLeft, td.blockMain, td.blockRight {
min-height: 10px;
}
td.blockLeft, td.blockRight {
background: none repeat scroll 0 0 #4B5963;
height: auto;
min-width: 231px;
width: 231px;
}
td.blockMain {
min-width: 816px;
vertical-align: top;
}
ul.LeftMenu {
list-style-image: url("../images/strelka-leftmenu.png");
margin-right: 14px;
padding-left: 38px;
}
ul.LeftMenu li {
border-bottom: 3px solid #CCCCCC;
height: 24px;
margin-top: 11px;
width: 181px;
}
ul.LeftMenu li a {
color: #FFFFFF;
font-size: 12px;
font-weight: normal;
text-decoration: none;
}
td.tdMainMenu {
padding-top: 36px;
text-align: center;
width: 100%;
}
table.MainMenu {
}
table.MainMenu td {
height: 38px;
width: 152px;
}
table.MainMenu td div {
background-color: #B2272F;
background-image: url("../images/topmenu.png");
border-radius: 0 0 10px 10px;
display: inline-block;
height: 38px;
width: 152px;
}
table.MainMenu td div:hover {
background-color: #4B5963 !important;
background-image: url("../images/topmenu-hover.png") !important;
}
table.MainMenu td div a {
color: white;
display: block;
font-size: 16px;
font-weight: bold;
margin-top: 10px;
text-align: center;
text-decoration: none;
}
td.wrap {
margin: 0;
padding: 0;
}
table.bmain {
}
td.content {
width: 816px;
}

http://validator.w3.org/check?uri=http%3A%2F%2Fprimeaccount.ru%2Fpa%2Findex.html&charset=%28detect+automatically%29&doctype=Inline&group=0 полностью валидный код!

mizhory · January 17, 2012

решение: (помогли на др. форуме)

table td {

line-height: 10px;

}

sigma77 · January 17, 2012

mizhory,

http://htmlbook.ru/samlayout/rezhimy-brauzerov/pochti-standartnyi-rezhim

Sign In

Табличная верстке шаблона. Не правильная высота ячеек шапки

Question

mizhory

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

mizhory

Link to comment

Share on other sites

sigma77

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information