Главная Вход в систему Регистрация
Задать вопрос Консультации Пользователи Форум
О системе Помощь
Задать вопрос экспертам
Консультация № 148950
30.10.2008, 07:29
0.00 руб.
0 3 3
Компьютеры Программирование
Здравствуйте уважаемые! Как сделать чтобы нижний код отображался одинаково в Mozilla, IE7 и в Opera/9.00? Полоска слева корректно отоброжается только в Mozilla и IE7, а Opera/9.00 ее неотоброжает.

Приложение:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" >
<link href="style.css" rel="stylesheet" type="text/css">
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body>
<table width=780 align=center cellpadding=0 cellspacing=0>
<tr height=150 width=780>
<td> 
</td>
</tr>
<tr height=25 width=780>
<td> </td>
</tr>
<tr>
<td valign=top align=center>
<table width=100% height="100%" border=0 cellspacing=0 cellpadding=0>
<tr>
<td align=right valign=top bgcolor=#FFFFFF>
 
</td>
<td bgcolor=#FFFFFF valign=top width=1>
<table width=1 border=0 cellspacing=0 cellpadding=0 height="100%">
<tr><td height=20 bgcolor="#0000FF"></td></tr>

<!-- Здесь такое ощущение что опера проглатывает две нижние строчки??????? -->

<tr><td bgcolor="#FF0000"></td></tr>
<tr><td height=20 bgcolor="#0000FF"></td></tr>
</table>

</td>
<td bgcolor=#FFFFFF valign=top>
<table width=630 cellpadding=0 cellspacing=0 height=100% align=left>
<tr height=10><td></td></tr>
<tr height=10><td></td>
</tr>
<tr><td height=220>
<p>       Компания создана в июле 2006г. на базе специалистов <p>работающих ранее на энергопредприятиях РАО "ЕЭС России".
<p>       Высокий професиональный уровень специалистов позволяет осуществлять работы <p>по ремонту, монтажу и наладке КИП, систем автоматики, АСКУЭ, пожарной и <p>охранной сигнализации, телемеханике и деспетчерезации, а также <p>электромонтажный работы в жилых и общественных зданиях.
</td>
</tr>
<tr height=20><td></td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

Обсуждение

Неизвестный
30.10.2008, 08:19
общий
это ответ
Здравствуйте, Емельянов Дмитрий Алексеевич!
Предлагаю несколько упростить задачу и использовать стили... код получившийся в приложении отображается и в Opera 9.6 Mozilla 3.0 Internet Explorer 6.0.
P.S. А вообще уже табличная верстка потихоньку сходит на нет все переходят на CSS.

Приложение:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" >
<link href="style.css" rel="stylesheet" type="text/css">
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body>
<table width=780 align=center cellpadding=0 cellspacing=0>
<tr height=150 width=780>
<td>
</td>
</tr>
<tr height=25 width=780>
<td> </td>
</tr>
<tr>
<td bgcolor=#FFFFFF valign=top>
<table width=630 cellpadding=0 cellspacing=0 height=100% align=left>
<tr height=10><td style="border-left-style:solid; border-left-width:1px; border-color:#0000FF"></td> </tr>
<tr height=10 ><td style="border-left-style:solid; border-left-width:1px; border-color:#0000FF"> </td>
</tr>
<tr><td height=220 style="border-left-style:solid; border-left-width:1px; border-color:#FF0000">
<p> Компания создана в июле 2006г. на базе специалистов <p>работающих ранее на энергопредприятиях РАО "ЕЭС

России".
<p> Высокий професиональный уровень специалистов позволяет осуществлять работы <p>по ремонту, монтажу и

наладке КИП, систем автоматики, АСКУЭ, пожарной и <p>охранной сигнализации, телемеханике и деспетчерезации, а также

<p>электромонтажный работы в жилых и общественных зданиях.
</td>
</tr>
<tr height=20><td style="border-left-style:solid; border-left-width:1px; border-color:#0000FF"> </td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
Неизвестный
30.10.2008, 08:34
общий
это ответ
Здравствуйте, Емельянов Дмитрий Алексеевич!

Я вам переверстала страничку, посмотрите. И полоска нигде не пропадает, и сам код намного компактней.
А для того, чтобы исправить Ваш вариант, нужно было вот в этой строке (ниже), дописать height=220
<tr><td bgcolor="#FF0000" height=220></td></tr>

Приложение:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" >
<link href="style.css" rel="stylesheet" type="text/css">
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body>
<table width=780 align=center cellpadding=0 cellspacing=0 border=0>
<tr height=150 width=780>
<td>
</td>
</tr>
<tr height=25 width=780>
<td></td>
</tr>
<tr>
<td valign=top align=center>
<table width=100% height="100%" border=0 cellspacing=0 cellpadding=0>
<tr>
<td align=right valign=top bgcolor=#FFFFFF rowspan=3 width=1></td>
<td height=20 bgcolor="#0000FF" width=1></td><td width=630></td>
</tr>
<tr> <td bgcolor="#FF0000" width=1></td><td height=220>
<p>Компания создана в июле 2006г. на базе специалистов <p>работающих ранее на энергопредприятиях РАО "ЕЭС России".
<p>Высокий професиональный уровень специалистов позволяет осуществлять работы <p>по ремонту, монтажу и наладке КИП, систем автоматики, АСКУЭ, пожарной и

<p>охранной сигнализации, телемеханике и деспетчерезации, а также <p>электромонтажный работы в жилых и общественных зданиях.</td>
</tr>
<tr>
<td height=20 bgcolor="#0000FF" width=1></td>
<td width=630></td>
</tr>
</table>

</td></tr>
</table>
</body>
</html>
Неизвестный
30.10.2008, 10:26
общий
это ответ
Здравствуйте, Емельянов Дмитрий Алексеевич!

Вместо того, чтобы использовать множество вложенных таблиц для отображения левой цветной полоски, проще использовать свойства border (в нашем случае border-left).
В Приложении отредактированный вариант.
PS. Если Вы используете пустые ячейки таблицы, постарайтесь в них вставить хотя бы непечатаемый пробел ( ), иначе браузеры могут их просто "проглатывать". Обычный пробел в HTML обрезается.

Приложение:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" >
<link href="style.css" rel="stylesheet" type="text/css">
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<style>
.red_border {
border-left: 1px solid #FF0000;
}
.blue_border {
border-left: 1px solid #0000FF;
}
</style>
<body>
<table border=0 width='780px' cellpadding=0 cellspacing=0>
<tr height='150px'><td colspan='3'> </td></tr>
<tr height='25px'><td colspan='3'> </td></tr>
<tr height='10px'>
<td rowspan='4'> </td>
<td class='blue_border'> </td>
<td rowspan='4'> </td>
</tr>
<tr height='10px'><td class='red_border'> </td></tr>
<tr height='220px'>
<td class='red_border' width='630px'>
<p>Компания создана в июле 2006г. на базе специалистов <p>работающих ранее на энергопредприятиях РАО "ЕЭС России".
<p>Высокий професиональный уровень специалистов позволяет осуществлять работы <p>по ремонту, монтажу и наладке КИП, систем автоматики, АСКУЭ, пожарной и <p>охранной сигнализации, телемеханике и деспетчерезации, а также <p>электромонтажный работы в жилых и общественных зданиях.
</td>
</tr>
<tr height='20px'><td class='blue_border'> </td></tr>
</table>
</body>
</html>
Форма ответа