Firefox,Internet Exploler

P

Phenomena

Registered
Как да направа така че да излиза по един и същи начин сайта на двата браузера:Firefox,Internet Exploler
Давам +1
 
Phenomena каза:
Как да направа така че да излиза по един и същи начин сайта на двата браузера:Firefox,Internet Exploler
Увеличете...
най малкото пишеш валиден html ( това не е гаранция )
след това трябва да си на ТИ със цсс-а
 
CSS-а ти е най големия проблем. Не е задължиделно кода да ти е валиден, но е препоръчително. По лесно да си оправяш разместванията инсталираш си да речем 2 3 браузара (FF, IE, Opera) и докато си правиш сайта го гледаш и под трите браузара. Така ще ти е по лесно.
Няма как да ти дадем точен код нали се сещаш...
 
Достатъчно е само под IE и Mozilla да го гледа. Аз съм си инсталирал 5 браузъра, но ако е еднакво под мозилата и ие, и под другите три не прави проблем :)

Точна формула - няма :) Както ти казаха всички трябват познания.
Аз лично от тази книга почнах да разбирам за какво иде реч в css и също трябва много да ползваш css валидатора и html валидатора :)
 
Ето CSS :
Код: 
body {
background: url(images/bg.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #222222;
}

ul{
margin: 0; 
padding: 0; 
list-style-type: none;
}

a {
color: #0099CC;
text-decoration: none;
}

a:hover {
color: #FF0030;
}

hr {
border: 1px #CCCCCC dashed;
height: 1px;
}

h1 {
font-size: 11px;
font-weight: bold;
margin: 0;
}

.btn {
background: url(images/btn.gif) repeat-x;
border: 1px #222222 solid;
height: 25px;
color: #FFFFFF;
font-weight: bold;
}

#main {
background: #FFFFFF;
}

#header {
float: left;
}

#adsh {
width: 468px;
height: 60px;
float: right;
margin-top: 50px;
}

.menubg {
background: url(images/menu.gif) repeat-x;
height: 40px;
text-align: center;
color: #FFFFFF;
font-weight: bold;
font-size: 14px;
}

.border1 {
border: 1px #000000 solid;
padding: 5px;
}

.border2 {
border: 1px #CCCCCC solid;
padding: 5px;
}

#reg a {
color: #0099CC;
text-decoration: none;
}

#reg a:hover {
color: #FF0030;
}

.user {
background: url(images/field.gif) repeat-x;
border: 1px #222222 solid;
height: 18px;
}

.pass {
background: url(images/field.gif) repeat-x;
border: 1px #222222 solid;
height: 18px;
}

.navigation ul li {
display: block;
height: 19px;
font-size: 12px;
font-weight: bold;
margin: 0 0 4px 0;
}

.navigation ul li a {
display: block;
height: 12px;
font-size: 12px;
font-weight: bold;
color: #0099CC;
text-decoration: none;
}

.navigation ul li a:hover {
color: #FF0030;
}

.friends ul li {
display: block;
height: 19px;
margin: 0 0 4px 0;
}

.friends ul li a {
display: block;
height: 10px;
font-size: 12px;
color: #0099CC;
text-decoration: none;
}

.friends ul li a:hover {
color: #FF0030;
}

.lastforum a {
color: #0099CC;
text-decoration: none;
font-weight: bold;
}

#footer {
text-align: center;
border: 1px #CCCCCC solid;
padding: 5px;
}

.designer {
background: #FF0030;
color: #FFFFFF;
font-weight: bold;
text-align: center;
height: 15px;
padding-top: 1px;
}

.designer a {
color: #FFFFFF;
}
а ето html:
Код: 
<div style="position:absolute; overflow:hidden; left:174px; top:301px; width:26px; height:9px; z-index:0"><img width=26 height=9  border=0 src="images/label_new.gif"></DIV>
 
аз ще допълня , че трябва да знаеш кои елементи как реагират в браузърите.Примерно тага <h1> си слага различен падинг и маргин в различните браузъри , също и <UL> , както и други. А това за Модзила и експлорер е вярно, но е по добре да се гледа през Модзила , експлорер 6 и експлорер 7 , защото ми се е налагало да прая 3 различни css-a . А и понякога маргина не работи в Операта.

п.с. Адриан и аз имам тази книга, но методите които прилагам не са от нея,искам да кажа че има истарички работи,но за начинаещ е добре. :?:
 
От това, което си дал не може да се разбере изобщо какъв е проблема. Дал си само един див. Какво разместване може да стане в един единствен див? Дал си целия си css код, но дали знаеш, че този див не се влиае от него, а от стила, който си му задал чрез style?
 
Проблема е че една картинка като отвора през FF тя излиза по-нагоре а пре IE по надоло и нз как да я оправа.
 
дай си сайта , ако имаш такъв качен, Адриан е прав, че от тоя цсс смисъл няма.
 
Ето страницата:
Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Svalqi-free.host-bg.info</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<table width="100%" id="main" border="0" cellspacing="2" cellpadding="2">
  <tr>
    <td colspan="3" valign="top">
	<div id="header">
	<img src="images/header.jpg" />
	</div>
	
	<div id="adsh">
	Добре дошли в Svalqi-free.host-info.bg<hr />
	Тук ще намерите всичко от което имате нужда
	</div>
	</td>
  </tr>
  <tr>
    <td width="20%" valign="top">
	
	<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="menubg">Главно меню </td>
  </tr>
  <tr>
    <td class="border1">
	<div class="navigation">
	<ul>
		
                <li><div><a href="index.php" title=" - Начало" > - Начало</a></div></li><hr />
                <li><div><a href="forum/" title=" - Форум" > - Форум</a></div></li><hr />
                <li><div><a href="upload.php" title=" - Качване на файл" > - Качване на файл</a></div></li><hr />
<li><div><a href="uroci.php" title=" - Свали от уроци " > - Свали уроци </a></div></li><hr /><div style="position:absolute; overflow:hidden; left:174px; top:340px; width:26px; height:9px; z-index:0"><img width=26 height=9  border=0 src="images/label_new.gif"></DIV>
                <li><div><a href="vbox7.php" title=" - Свали от Vbox7" > - Свали от Vbox7</a></div></li><hr />
                <li><div><a href="youtube.php" title=" - Свали от YouTube" > - Свали от YouTube</a></div></li><hr />
                <li><div><a href="Vbox.php" titl - Свали от Vbox.bg" > - Свали от Vbox.bg</a></div></li><hr />
                <li><div><a href="clip4e.php" title=" - Свали от Clip4e.com" > - Свали от Clip4e.com</a></div></li><hr />
                <li><div><a href="crazyvideos.php" title=" - Свали от Crazy Videos" > - Свали от Crazy Videos</a></div></li><hr />
                <li><div><a href="googlevideos.php" title=" - Свали от Google Videos" > - Свали от Google Videos</a></div></li><hr />
<li><div><a href="yoosms.php" title=" - Свали от Yoosms.com " > - Свали от Yoosms.com </a></div></li><hr />

	</ul>
	</div>
	</td>
  </tr>
</table>

<br />

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="menubg">Реклама</td>
  </tr>
  <tr>
    <td class="border1">
	<div align="center">
	<a href="#"><img src="images/ads.jpg" border="0" /></a>
	</div>
	</td>
  </tr>
</table>

<br />

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="menubg">Онлайн</td>
  </tr>
  <tr>
    <td class="border1">
 <?
mysql_connect("localhost","root","") or die("error connect"); // свързваме се с базата данни
mysql_select_db("broqch") or die("error database"); // избираме базата данни

$select = mysql_query("DELETE FROM `online` WHERE `session`<'$now'"); // изтриваме всички записани адреси които в полето си session имат по малка стойност от 1 час
$select = mysql_query("SELECT * FROM `online` WHERE `session`>'$now' ORDER BY `session` DESC"); // избираме цялата инфомация от таблицата където полето session е по голямо от $now
$num = mysql_num_rows($select); // присвояваме броя на редовете на избраната информация

if ($num==1) { header ("Location:index.php"); exit(); } // ако е нула презареждаме страницата
elseif ($num==1) { $broi = "Общо <strong>$num</strong> online потребител<br>"; } // ако е едно показваме краен резултат в единствено число
else { $broi = "Общо <strong>$num</strong> online потребитела<br>"; } // иначе показваме резултатите в множествено число
$i=0; // присвояваме 0
echo "
<br>

<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
<tr>
<td align=center>$broi</td>
</tr>
"; // изкарваме информацията колко потребителя имаме онлайн

while ($row = mysql_fetch_array($select)) { //резултатът влиза в цикъл
$i++; //овеличаваме с 1
$ex = explode(".","$row[ip]"); //разделяме IP-то на части така че да можем да маскираме със звездички последните цифри

$last2 = strlen($ex[3]); // присвояваме последната част
if($last2==1) { $point2='*'; } // ако е една цифра ще покаже 1 звезда
if($last2==2) { $point2='**'; } // ако са две цифри ще покаже 2 звезди
if($last2==3) { $point2='***'; } // ако са 3 цифри ще покаже 3 звезди
echo " <tr>
<td>$i - ".$ex[0].".".$ex[1].".".$ex[2].".".$point2."</td>
<td>$row[data]</td>
</tr>"; // извеждаме краен резултат - маскираното IP и кога е влезнало
} // затваряме цикъла
echo "</table>"; //извеждаме краен резултат за таблицата в която е цялото инфо

?> 
	</td>
  </tr>
</table>
	
	</td>
    <td width="60%" valign="top">
	
	<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="menubg">Реклама</td>
  </tr>
  <tr>
    <td class="border1">
	<div align="center">
	<a href="http://musicplay-bg.com"><img src="http://musicplay-bg.com/banners/banner1_468x60.gif" border="0" /></a>
	</div>
	</td>
  </tr>
</table>

<br />

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="menubg">Последно от форума</td>
  </tr>
  <tr>
    <td class="border1">
	
	<div class="lastforum">
	<table width="100%" border="0" cellspacing="2" cellpadding="2">
  <tr>
    <td width="30%" class="border2" align="center"><b style="font-size: 11px;">Реаздел</b></td>
    <td width="70%" class="border2" align="center"><b style="font-size: 11px;">Заглавие</b></td>
  </tr>
  <tr>
    <td class="border2" align="center"><a href="#">Преинсталиране</a></td>
    <td class="border2"><a href="#">Проблем при Boot</a></td>
  </tr>
  <tr>
    <td class="border2" align="center"><a href="#">Всичко друго</a></td>
    <td class="border2"><a href="#">Кой не спи?</a></td>
  </tr>
  <tr>
    <td class="border2" align="center"><a href="#">Трикове</a></td>
    <td class="border2"><a href="#">Изчистване на ненужните регистри</a></td>
  </tr>
  <tr>
    <td class="border2" align="center"><a href="#">Преинсталиране</a></td>
    <td class="border2"><a href="#">Как да преинсталираме Windows?</a></td>
  </tr>
  <tr>
    <td class="border2" align="center"><a href="#">Помощ</a></td>
    <td class="border2"><a href="#">Забравих си паролата...</a></td>
  </tr>
</table>
</div>

	
	</td>
  </tr>
</table>

<br />

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="menubg">Новина</td>
  </tr>
  <tr>
    <td class="border1">
	<div align="news">
	<b>Добре Дошли в сайта svalqi-free.host-bg.info Сайта е направено да се теглат клипчета от различни сайтове.Приятно прекарване.</b>
	</div>
	</td>
  </tr>
</table>

<br />

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="menubg">Новина</td>
  </tr>
  <tr>
    <td class="border1">
	<div align="news">
	<b>Сайта добави ъплоудване.Всеки потребител на сайта може да качва.</b>
	</div>
	</td>
  </tr>
</table>

<br />

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="menubg">Новина</td>
  </tr>
  <tr>
    <td class="border1">
	<div align="news">
	<b>Сайта започва да качва платените есета,съчинения и ...... от pomagalo.com Може да ги намерите тук.</b>
	</div>
	</td>
  </tr>
</table>

<br />

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="menubg">Новина</td>
  </tr>
  <tr>
    <td class="border1">
	<div align="news">
	<b>Сайта добави търсачка с която може да откриете лесно качените файлове.</b>
	</td>
  </tr>
</table>

<br />

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="menubg">Реклама</td>
  </tr>
  <tr>
    <td class="border1">
	<div align="center">
	<a href="http://musicplay-bg.com"><img src="http://musicplay-bg.com/banners/banner1_468x60.gif" border="0" /></a>
	</div>
	</td>
  </tr>
</table>
	
	</td>
    <td width="20%" valign="top">
	
	<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="menubg">Търсачка</td>
  </tr>
  <tr>
    <td class="border1">
	  <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Search</title>
</head>

<body>
<center>
<form action="search.php" method="post">
<input type="text" name="searched">
<input type="submit" value="Търси">
</form>

<?php
$flag=0;
$dir="upload/";
if(isset($_POST['searched'])) {
foreach(glob($dir."*") as $file) {
if(@eregi($_POST['searched'], str_replace($dir, "", $file))) {
echo("<a href='".$file."' target=_blank>".str_replace($dir, "", $file)."</a><br />\n");
$flag+=1;
}
}
if($flag==false) {
echo("Няма намерени файлове.");
}
}
?>
</center>
</body>

</html>
	</td>
  </tr>
</table>

<br />

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="menubg">Реклама</td>
  </tr>
  <tr>
    <td class="border1">
	<div align="center">
	<a href="#"><img src="images/ads.jpg" border="0" /></a>
	</div>
	</td>
  </tr>
</table>

<br />
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="menubg">Брояч</td>
  </tr>
  <tr>
    <td class="border1">
 <?php
$countfile = "count.dat";
$ipcounter = "today.dat";
$countdate = date("j-n-Y");
$visitorip = $_SERVER[REMOTE_ADDR];
$maxrecord = date("d.m.Y (H:i)");

if (!file_exists($ipcounter)) { $fp = fopen($ipcounter, 'w+'); }
if (!file_exists($countfile)) { $fp = fopen($countfile, 'w+'); fwrite($fp, "0|0|0|1|$countdate|0|$maxrecord"); }

$fcontents = file_get_contents($countfile);
list($today, $yesterday, $total, $days, $nowdate, $max, $nowrecord) = explode("|", $fcontents);

if($countdate != $nowdate) {
$ipfile2 = fopen($ipcounter, 'w');
$line = "$visitorip\n";
fwrite($ipfile2, $line, strlen($line));
fclose($ipfile2);

if($today > $max) { $max = $today; $nowrecord = $maxrecord; }
$yesterday = $today;
$today = 1;
$total++;
$days++;

$fp = fopen($countfile, 'w');
fwrite($fp, "1|$yesterday|$total|$days|$countdate|$max|$nowrecord");
fclose($fp);
}

else {
$ipfile = fopen($ipcounter, 'rb');
$line = array();
while (!feof($ipfile)) $line[]=fgets($ipfile,1024);
for ($i=0; $i<(count($line)); $i++) {
list($visitorip_x) = split("\n",$line[$i]);
if ($visitorip == $visitorip_x) {$found = 1;}
}
fclose($ipfile);

if (!$found) {
$ipfile2 = fopen($ipcounter, 'ab');
$line = "$visitorip\n";
fwrite($ipfile2, $line, strlen($line));
fclose($ipfile2);

$today++;
$total++;

if($today > $max) { $max = $today; $nowrecord = $maxrecord; }
$fp = fopen($countfile, 'r+');
fwrite($fp, "$today|$yesterday|$total|$days|$countdate|$max|$nowrecord");
fclose($fp);
}
}
if($days == 1) { $dendni = "ден"; }
else { $dendni = "дни"; }
?>

<div style="font-family:verdana;font-size:11px;color:#000000;">
<b>Уникални посещения:</b>
<br>Днес <b><?php echo $today; ?></b> </br>
<br>Вчера <b><?php echo $yesterday; ?></b> </br>
<br>Общо <b><?php echo $total."</b> за <b>$days</b> ".$dendni; ?> </br>
<br>Средно дневно <b><?php echo ceil($total/$days); ?></b></br>
<br>Рекорд <b><?php echo $max."</b> на <b>$nowrecord"; ?></b> </br>
</div>
	</td>
  </tr>
</table>

<br />

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="menubg">Приятели</td>
  </tr>
  <tr>
    <td class="border1">
	<div class="friends">
	<ul>
		<li><a href="http://4web-bg.com"><b>Уеб Дизайн</b></a></li><hr />
		<li><a href="http://musicplay-bg.com"><b>MusicPlay-BG.Com</b></a></li><hr />
		<li><a href="http://bg-best.info">BG-Best.Info</a></li><hr />
		<li><a href="http://hostbulgaria.com">HostBulgaria.Com</a></li><hr />
		<li><a href="http://web-tourist.net">Web-Tourist.Net</a></li><hr />
	</ul>
	</div>
	</td>
  </tr>
</table>
	
	</td>
  </tr>

    <td class="designer" colspan="3" valign="top">
	
	</td>
  <tr>
    <td id="footer" colspan="3" valign="top">
	<b></b>
	<hr />
	<a href="#">Начало</a> | <a href="banners.php">Банери</a> 
	<hr />
	</td>
  </tr>
  <tr>
    <td class="designer" colspan="3" valign="top">
	
	</td>
  </tr>
</table>
</body>
</html>
Ето и CSS
Код: 
body {
background: url(images/bg.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #222222;
}

ul{
margin: 0; 
padding: 0; 
list-style-type: none;
}

a {
color: #0099CC;
text-decoration: none;
}

a:hover {
color: #FF0030;
}

hr {
border: 1px #CCCCCC dashed;
height: 1px;
}

h1 {
font-size: 11px;
font-weight: bold;
margin: 0;
}

.btn {
background: url(images/btn.gif) repeat-x;
border: 1px #222222 solid;
height: 25px;
color: #FFFFFF;
font-weight: bold;
}

#main {
background: #FFFFFF;
}

#header {
float: left;
}

#adsh {
width: 468px;
height: 60px;
float: right;
margin-top: 50px;
}

.menubg {
background: url(images/menu.gif) repeat-x;
height: 40px;
text-align: center;
color: #FFFFFF;
font-weight: bold;
font-size: 14px;
}

.border1 {
border: 1px #000000 solid;
padding: 5px;
}

.border2 {
border: 1px #CCCCCC solid;
padding: 5px;
}

#reg a {
color: #0099CC;
text-decoration: none;
}

#reg a:hover {
color: #FF0030;
}

.user {
background: url(images/field.gif) repeat-x;
border: 1px #222222 solid;
height: 18px;
}

.pass {
background: url(images/field.gif) repeat-x;
border: 1px #222222 solid;
height: 18px;
}

.navigation ul li {
display: block;
height: 19px;
font-size: 12px;
font-weight: bold;
margin: 0 0 4px 0;
}

.navigation ul li a {
display: block;
height: 12px;
font-size: 12px;
font-weight: bold;
color: #0099CC;
text-decoration: none;
}

.navigation ul li a:hover {
color: #FF0030;
}

.friends ul li {
display: block;
height: 19px;
margin: 0 0 4px 0;
}

.friends ul li a {
display: block;
height: 10px;
font-size: 12px;
color: #0099CC;
text-decoration: none;
}

.friends ul li a:hover {
color: #FF0030;
}

.lastforum a {
color: #0099CC;
text-decoration: none;
font-weight: bold;
}

#footer {
text-align: center;
border: 1px #CCCCCC solid;
padding: 5px;
}

.designer {
background: #FF0030;
color: #FFFFFF;
font-weight: bold;
text-align: center;
height: 15px;
padding-top: 1px;
}

.designer a {
color: #FFFFFF;
}
Давам +1 който ми го направи като хората.Става въпрос за тоя ред.Една картинка ми излиза по няколко начина през двата браузера.Ето картинката на слидния ред:
Код: 
li><div><a href="uroci.php" title=" - Свали от уроци " > - Свали уроци </a></div></li><hr /><div style="position:absolute; overflow:hidden; left:174px; top:340px; width:26px; height:9px; z-index:0"><img width=26 height=9  border=0 src="images/label_new.gif"></DIV>
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе