Jump to content
  • 0

Проблема с таблице


IrkaLulka
 Share

Question

Не понимаю откуда взялись эти пробелы, cellspacing, cellpadding стоит по нулям и ещё Див (это тот,что внизу с текстом) почему-то шире таблицы получился,хотя ширину обоим одинаково задавался. Только в IE нормально работает,в остальных браузерах вот так вот коряво выдаёт. Что это такое, подскажите,пожалуйста?)

238105d8354at.jpg

Link to comment
Share on other sites

9 answers to this question

Recommended Posts

  • 0

HTML

<?xnl version='1.0' encoding='Windows-1251'?>
<!DOCTYPE html PUBLIC'-//W3C//DTD XHTML 1.1 Transitional//EN' 'http://www.w3.org/TR/xhtml 11/DTD/xhtml11-Transitional.dtd'>
<html xmlns='http://www.w3.org/1999 xhtml'>
<head>
<meta http-equiv='Content-Type' content='text/html;charset='windows-1251''/>
<title>Ulex-канализационые трубы</title>

<link type='text/css' rel='stylesheet' href='styles1.css'/>

<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />

</head>

<body style='background-color:blue;background-image:url(images/bg.jpg);background-repeat:repeat;background-attachment:fixed'>



<!--url's used in the movie-->
<!--text used in the movie-->
<!-- saved from url=(0013)about:internet -->

<table border='0' align='center' width='960' cellspacing='0' cellpadding='0'>
<tr>


<td colspan='4'><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="960" height="200" id="flash" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="images/flash.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#99ffff" /><embed src="images/flash.swf" quality="high" wmode="transparent" bgcolor="#99ffff" width="960" height="200" name="flash" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object></td>

</tr>

<tr>
<td class'menu'><div class='navigation_vid'><a href='#' class'navigation_vid'>Главная</a></div></td>
<td class'menu'><div class='navigation'><a href='#' class'navigation'>Розма</a></div></td>
<td class'menu'><div class='navigation'><a href='#' class'navigation'>Интерпласт</a></div></td>
<td class'menu'><div class='navigation_load'><a href='#' class'navigation_load'>Скачать<br/>прайс-лист</a></div></td>
</tr>

<tr>
<td colspan='4' valign='top'><a href='index.html' title='Главная' target='_self'><img class='main' src='images/pic.png' alt='Главная' width='960' border='0'/></a></td>
</tr>
</table>

<div class='IE'>
<div class='content' >
<p class='zagolovok'>О нас</p>
<p class='text'>Оптово-розничная продажа систем отопления, водопровода и канализации лучших отечественных производителей. Вся продукция сертифицирована Национальном агентстве аккредитации Украины (НААУ).</p>


<div class='img_o_nas' ><img src='для сайта/Rozma производство/zavod_2.jpg'/></div></div>
</div>

CSS

.main{
text-align:center;}



div.navigation{
font-family:Franklin Gothic Medium;
font-size:17pt;
text-decoration:none;
color:#03072c;
text-align:center;
margin:0; padding:0;}

div.navigation_vid{
font-family:Franklin Gothic Medium;
font-size:17pt;
text-decoration:none;
color:#03072c;
text-align:center;
margin:0; padding:0;}

div.navigation_load{
font-family:Franklin Gothic Medium;
font-size:14pt;
text-decoration:none;
color:#990000;
text-align:center;
margin:0; padding:0;}

.navigation a {
text-decoration:none;
height:55px;
display: block;
padding: 3px 5px;
background-image:url(images/1.png);
background-repeat:repeat-x;
color: #343536;
position: relative; /* для IE6, чтобы ссылка была кликабильной по всей своей площади */00;
}

.navigation a:hover {
height:55px;
display: block;
padding: 3px 5px;
background-image:url(images/2.png);
background-repeat:repeat-x;
color: #040b42;
position: relative; /* для IE6, чтобы ссылка была кликабильной по всей своей площади */
}

.navigation_vid a {
text-decoration:none;
height:55px;
display: block;
padding: 3px 5px;
background-image:url(images/2.png);
background-repeat:repeat-x;
color: #040b42;
position: relative; /* для IE6, чтобы ссылка была кликабильной по всей своей площади */
}

.navigation_load a {
text-decoration:none;
height:55px;
display: block;
padding: 3px 5px;
background-image:url(images/1.png);
background-repeat:repeat-x;
color: #990000;
position: relative; /* для IE6, чтобы ссылка была кликабильной по всей своей площади */
}

.navigation_vid a:hover {
text-decoration:none;
height:55px;
display: block;
padding: 3px 5px;
background-image:url(images/2.png);
background-repeat:repeat-x;
color: #040b42;
position: relative; /* для IE6, чтобы ссылка была кликабильной по всей своей площади */
}

.navigation_load a:hover {
text-decoration:none;
height:55px;
display: block;
padding: 3px 5px;
background-image:url(images/2.png);
background-repeat:repeat-x;
color: #990000;
position: relative; /* для IE6, чтобы ссылка была кликабильной по всей своей площади */
}

.content{
background-color:#ebfff7;
padding: 6px 6px 6px 15px;
font-family:Tahoma;
font-size:9pt;
color: #2d2d2d;
line-height:200%;
margin:0 auto;
width:960px;
padding:15px;
text-align:justify;}

.zagolovok{
font-weight:bold;
font-family:Tahoma;
font-size:10pt;
text-indent:30px;
color:#03072c;}

.text{
text-indent:20px;}

.img_o_nas{
text-align:center;}

.menu2{
width:200px;}

.IE{text-align:center;}



За плохой код тапками не кидаться, пожалуйста,я не волшебник,я учусь :rolleyes:

Link to comment
Share on other sites

  • 0

не помогло

Засуньте все в один див фиксированной ширины и авто длины, помести его по центру экрана. ну а в нем 3 дива: меню, баннер, контент. к каждому примените padding и margin и собственно все. не работать не может.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy