Проблем с оформление на таблица за сайт

N

noob

Registered
Здравейте. Искам да си напиша сайт с таблица, тъй като засега не ме бива достатъчно в CSS. Започнах да работя по него, но възникна проблем. Направих таблица, която да съдържа 2 реда, всеки с по 3 колони. Проблемът е следният: Mozilla Firefox превежда кода идеално, но Internet Explorer оставя разтояние от около 3 px под съдържанието на първи ред на таблицата :shock: Където и да гледах неможах да открия защо Експлорера прави това и се надявам тук да получа отговор къде ми е грешката?

Ето кода:

Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title>zaglavie</title>
</head>

<body bgcolor="#ccffff">

<table align="center" width="942" bgcolor="#99ccff" border="1">

<tr>

<td width="180">
<img src="images/logo.gif" width="180" height="150" alt="neshto" />
</td>

<td width="500">
<img src="images/header.jpg" width="500" height="150" alt="neshto2" />
</td>

<td width="262">
някакъв текст
</td>
</tr>

<tr>

<td>
Меню:
</td>

<td>
Новини:
</td>

<td>
Класиране
</td>

</tr>
</table>

</body>
</html>
 
На какво трябва да го променя? :shock:

Когато го махна height="150" отново си стои проблемът?
 
Значи първите две са ти картинки, сложи height колкото пиксела ти са високи картинките.
 
Ами там е проблемът, че картинките са именно 150 пиксела :) Аз затова и се чудя и немога да разбера на какво се дължи този недостатък... Мозила работи, но под Експлорера НЕ. Друга идея ?
 
Защо не пробваш height="***%" на мястото на звездичките сложи проценти и ги комбинирай общо да правят 100% и не би трябвало повече да прави проблеми
 
не разбрах какво изкаш да направиш но май това ти трябва


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title>zaglavie</title>
</head>

<body bgcolor="#ccffff">

<table width="942" border="1" align="center" cellpadding="0" cellspacing="0" bgcolor="#99ccff">

<tr>

<td width="180">
<img src="images/logo.gif" width="180" height="150" alt="neshto" />
</td>

<td width="500">
<img src="images/header.jpg" width="500" height="150" alt="neshto2" />
</td>

<td width="262">
някакъв текст
</td>
</tr>

<tr>

<td>
Меню:
</td>

<td>
Новини:
</td>

<td>
Класиране
</td>

</tr>
</table>

</body>
</html>
 
Пробвал съм и със cellspacing и със cellpadding, но и това не помогна. Конкретно това което искам е, да знам как да махна това получаващо се малко разтояние под картинките при визуализиране на сайта под интернет експлорер, защото е грозно, а отдолу на втори ред ще има други графични елементи и ако не се закачи, както при Мозила не стои.

идеи :roll: ?

п.с. flex - не разбрах какво по-точно имаш предвид? Как да ги съгласувам и къде?
 
Да не говориш за това

Код: 
<img src="images/header.jpg" border="0" width="500" height="150" alt="neshto2" />

ПС: Плюс cellpadding="0" cellspacing="0"
 
пич разтояние не виждам
под ФФ и под ИЕ разлика няма
направи бордера на 0 и сложи cellpadding="0" cellspacing="0" и дай пик за това разтояние защото аз не го виждам
 
Разтояние има под картинка 1 и картинка 2, а и под другата трета колонка с текста т.е. целия първи ред има някакво от нищото идващо малко разстояние... Интересното е, че дори и Konqueror под Линукс не дава ядове... Проблем с IE ли е ?

Ето снимка:

 
Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html> 
<head> 
<title>zaglavie</title> 
</head> 

<body bgcolor="#ccffff"> 

<table width="942px" border="1" align="center" cellpadding="0" cellspacing="0" bgcolor="#99ccff"> 

<tr> 

<td width="180px"  height="150px"> 
<img src="images/logo.gif" width="180px" height="150px" alt="neshto" /> 
</td> 

<td width="500px" height="150px"> 
<img src="images/header.jpg" width="500px" height="150px" alt="neshto2" /> 
</td> 

<td width="262px" height="150px"> 
някакъв текст 
</td> 
</tr> 

<tr> 

<td> 
Меню: 
</td> 

<td> 
Новини: 
</td> 

<td> 
Класиране 
</td> 

</tr> 
</table> 

</body> 
</html>

П.П. хубаво е след цифровите стойности да задаваш че са пиксели. px
 
noob каза:
ИЕ отново си запазва разтоянието... :? Пробвам го под ИЕ 6 и 7. Други идеи :(
Увеличете...

Да
преинсталирай си ИЕ-то защото на мен не дава такъв проблем нито под ИЕ нито под ФФ нито под Опера
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе