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

V

Vladkata

Registered
Здравейте! Направих си една проста табличка. Вижте как изглежда под различните браузъри:
*Перфектно изглежда под Google Chrome, MS Internet Explorer, Opera и Safari

Google Chrome 11
MS Internet Explorer 8
Mozilla Firefox
Opera 11
Safari 5

Както виждате, само при Mozilla Firefox изглежда различно и се учудвам.

Ето и кода:
HTML: 
<html>
<head>
<title>Table Preview</title>
<style type="text/css">

</style>
</head>

<body>
<div id="download">
			<div style="margin-top: 135px; margin-left: 20px;">
			<table width="680px" height="75px" style="background: #d6e6ec; text-align: center; border-top: 1px #b9d3dc solid;">
				<tr>
					<th style="float: left; margin-left: 15px;">Версия:</th>
					<th style="float: right; margin-right: 225px;">Уеб сайт:</th>
				</tr>
				<tr style="display: inline-block; padding-top: -20px;">
					<td style="background: #c0d7de; border-left: 1px #a9c5cf solid; width: 150px; height: 20px;">ПЪЛНА ВЕРСИЯ</td>
					<td width="500px" style="background: #c0d7de;"><a href=""><span>ZAMUNDA.NET</span></a> | <a href=""><span>ARENABG.COM</span></a></td>
				</tr>
				<tr style="display: inline-block; padding-top: -20px;">
					<td style="background: #c0d7de; border-left: 1px #a9c5cf solid; width: 150px; height: 20px;">БЕТА ВЕРСИЯ</td>
					<td width="500px" style="background: #c0d7de;"><a href=""><span>ZAMUNDA.NET</span></a> | <a href=""><span>ARENABG.COM</span></a></td>
				</tr>
			</table>
			</div>
</div>
</body>
</html>

Ето и ДЕМО.

Благодаря предварително!
+1
 
HTML: 
<html>
<head>
<title>Table Preview</title>
<style type="text/css">

</style>
</head>

<body>
<div id="download">
                        <div style="margin-top: 135px; margin-left: 20px;">
                        <table style="background: none repeat scroll 0% 0% rgb(214, 230, 236); border-top: 1px solid rgb(185, 211, 220); text-align: center;" height="75px" width="680px">
                                <tbody>
                                    <tr style="height: 23px;">
                                        
                                            <th style="margin-left: 15px; height: 23px;">Âåðñèÿ:</th>
                                            <th style="height: 23px;">Óåá ñàéò:</th>
                                        
                                    </tr>
                                <tr style=" padding-top: -20px;">
                                        <td style="background: #c0d7de; border-left: 1px #a9c5cf solid; width: 150px; height: 20px;">ÏÚËÍÀ ÂÅÐÑÈß</td>
                                        <td style="background: #c0d7de;" width="500px"><a href=""><span>ZAMUNDA.NET</span></a> | <a href=""><span>ARENABG.COM</span></a></td>
                                </tr>
                                <tr style=" padding-top: -20px;">
                                        <td style="background: #c0d7de; border-left: 1px #a9c5cf solid; width: 150px; height: 20px;">ÁÅÒÀ ÂÅÐÑÈß</td>
                                        <td style="background: #c0d7de;" width="500px"><a href=""><span>ZAMUNDA.NET</span></a> | <a href=""><span>ARENABG.COM</span></a></td>
                                </tr>
                        </tbody></table>
                        </div>
</div>

</body>
</html>

Пробвай така :?:
 
Пробвай да сложиш
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
най-отгоре в документа,за да ти се уеднакви под браузърите,защото понякога стават и такива гадни разминавания.
 
Пробвай така
Увеличете...

Става! А може ли само да ги мръднеш квадратите, които съдържат пълна и бета версия малко нагоре и на дясно (виж от снимките).

Благодаря предварително!
 
nbacool2 каза:
Слагането на CSS като HTML коментар някакъв хак за IE ли беше?
Увеличете...
Нещо като хак, но е за мн мн стари бразъри от ие5 надолу :)
 
Е ще може ли да се помръзне малко, иначе изглежда еднакво навсякъде...

П.П. Не става с енкодинга...
 
Vladkata каза:
Е ще може ли да се помръзне малко, иначе изглежда еднакво навсякъде...

П.П. Не става с енкодинга...
Увеличете...
Какво точно имаш предвид. Правоъгълниците, съдържащи .... версия да се преместят по-нагоре и по-надясно спрямо самата таблица, или спрямо другите два правоъгълника с zamunda и arena?
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе