[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Съезжает весь сайт
Форум PHP программистов > Дизайн и верстка
nugle
2.02.2011 - 12:56
Не знаю почему, но в Chrome всё нормально, а в IE и MF всё съезжает. Больше всего съежает в IE просто к верхнему левому краю тесниться и всё!как это исправить?сайт у меня в подписи
css
@charset "utf-8";
/* CSS Document */

a:hover { color: #808080; background: inherit; text-decoration: underline; }
.a_menu {	}
.div_name{ background-color:#06F; color:#FFF;}
.but{background-color:#0C0;}
.img{float:left; margin:13px 10px 0px 20px;}
.text{margin-top:10px; margin-bottom:0px; width:55%;}
body { font: .8em Tahoma, "Trebuche t MS", Tahoma, sans-serif; line-height: 1.6em; background: #fff url(images/bg.gif) repeat-x; color: #8E8E91; }
.box { background: #eee; margin-top:0px; margin-right:15px; width: 196px;} 
.box li { list-style: none; border-bottom: 1px dotted #ccc; line-height: 26px; margin-bottom: 0px;}
.box li a { padding: 0 5px; color: #EB0000;	background: inherit; text-decoration: none; }
.div_disign{margin:0px 0px 0px 0px;float:left; position:absolute;}
.text_art{margin-top:10px; margin-bottom:0px; width:70%;}
.f-right { float: right; margin-right:300px;}
.f-right-art { float: right; margin-right:100px; color:#52B15E; font-weight:bold;}
p { margin: 10px 20px; }
.menu_section{margin-top:0px; margin-left:25px;color: #808080;background: inherit; text-decoration: none;}
.a_menu_section{color: #808080;background: inherit; text-decoration: none;}
#gallery {
   padding: 20px;
   border:1px solid #cccccc;
   width: 483px;
   margin: 10px auto;
   height: 380px;
}

#big {
   background-image: url("images/articles/loader.gif");
   background-repeat: no-repeat;
   background-position: 50% 50%;
   width: 483px;
   height: 302px;
   border:1px dotted #cccccc;
   }

#small {
   margin-top: 10px;
   margin-left: 33px;
    
}

#small a img{
   border:none;
    
}
.div_slide{
border: 1px dotted #cccccc;
width: 483px;

}
#view{margin-top:40px;}
#price{
color:#F00;
font-size:12px;
}
.div_but{float:right; margin-top:150px; margin-bottom:-100px;}
#new_art{font-size:16px; color:#000; margin-left:20px;}
.a_href{color:#52B15E; font-weight:bold;}
.td_rovn{position:absolute; margin-left:260px; margin-top:100px;}
.td_rovn_index{position:absolute; margin-left:80px; margin-top:130px;}
.title{color:#52B15E;}
.a_href_basket{color: #ff0000; font-weight:bold;}
.banderol{font-size:14px; font-family:"Times New Roman"; color:#000;}
.img_band{width:150px; height:150px; margin-right:10px;}

.CheckBoxClass,.RadioClass{
display: none;
}
.CheckBoxLabelClass{
background: url("UnCheck.png") no-repeat;
padding-left: 30px;
padding-top: 3px;
margin: 5px;
height: 28px; 
width: 150px;
display: block;
}
.CheckBoxLabelClass:hover, .RadioLabelClass:hover{
text-decoration: underline;
}
.LabelSelected{
background: url("Check.png") no-repeat;
}
.RadioLabelClass{
background: url("RUnCheck.png") no-repeat;
padding-left: 30px;
padding-top: 3px;
margin: 5px;
height: 28px; 
width: 70px;
display: block; 
float: left;
}
.RadioSelected{
background: url("RCheck.png") no-repeat;
}

главная страница
<?php  
 session_start();
 require "options/db.php";
 	// Обработка кор3ины
 
   $id = intval($_GET['id']);
 	if(isset($_SESSION['cart'][$id]))
   $_SESSION['cart'][$id]['quantity']++;
 	elseif($_GET['action'] == 'add'){
 	$sql_s = "select * from articles where id = ".$id;
 	$query_s = mysql_query($sql_s);
 	if (mysql_num_rows($query_s) != 0){
 	$row_s = mysql_fetch_assoc($query_s);
 	$_SESSION['cart'][$row_s['id']] = array("quantity" => 1, "price" => $row_s['price']);
   }
 	}
 // Конец обработки
 

?>
<!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=utf-8" />
<title>Главная</title>
<link href="class.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico">
<script src="js/js.js"></script>
</head>

<body>
<table align="center" width="960" height="437" border="0" cellpadding="0" cellspacing="0">
<?php require "blocks/top.php"; ?>
 <tr>

 
 <td class="td_rovn_index" colspan="2" align="left" valign="top">
 <div id="new_art"><strong>Последние товары добавленные на сайт: </strong></div><br />
 <div><?php 
 
 $sql = "select * from articles order by date desc limit 3";
 $result = mysql_query($sql) or die(mysql_error."<br/>".$sql);
 
 while($row = mysql_fetch_assoc($result))
 {

  if ($row['img1'] == '') $row['img1'] = 'none.jpg';
  if ($row['views'] == null) $row['views'] = 0;
  echo "<img class='img'  src='images/articles/".$row['img1']."'>
   	<a class='a_href' href='articles_all.php?id=".$row['id']."'>".$row['name']."</a><br /><br />
 	<div class='text_art'>Артикул: ".$row['articul']."<br />Число листов: ".$row['pages']."</div><br /><div id = 'price'><strong>Цена: ".$row['price'].".00руб.</strong></div>
 	<div id=view><p>Просмотров: ".$row['views']."<a style='margin-left:130px;' id='but_bascket' class='f-right-art' href='index.php?action=add&id=".$row['id']."'><img src='купить.jpg' width='176' height='82' /></a> </p><br />";
 }
 
 
 ?>
 Эту страницу посетили
<a href="http://www.warlog.ru/" target="_blank">
<img border="0" src="http://www.warlog.ru/counter/?i=66" alt="счетчик посещений" title="счетчик посещений" /></a>
раз(а).
 </div>
 </td>
 <?php require "blocks/right.php"; ?>
 </tr>
</table>
</body>
</html>

Почему же так происходит?



Спустя 3 минуты, 55 секунд (2.02.2011 - 12:00) Evilsoul написал(а):
у тебя сайт на локалке?
неплохо было бы глянуть...

Спустя 6 минут, 11 секунд (2.02.2011 - 12:06) nugle написал(а):
У меня сайт в подписи, я забыл указать!

Спустя 5 минут, 48 секунд (2.02.2011 - 12:12) alex12060 написал(а):
В FF все норма

Спустя 1 минута, 50 секунд (2.02.2011 - 12:14) nugle написал(а):
в FF он вниз немного съезжает

Спустя 5 минут, 6 секунд (2.02.2011 - 12:19) Evilsoul написал(а):
да, в ИЕ ужастно выглядит, сейчас гляну

Спустя 2 минуты, 58 секунд (2.02.2011 - 12:22) Evilsoul написал(а):
первое что я порекомендовал бы, используй верстку либо ДИВ либо Таблицу

Спустя 1 минута, 12 секунд (2.02.2011 - 12:23) nugle написал(а):
А совмещать никак нельзя?

Спустя 6 минут, 18 секунд (2.02.2011 - 12:30) Evilsoul написал(а):
<td style="position:absolute; margin-left:980px; margin-top:100px; ">

так нельзя, ты отрываешь кусок таблицы и делаешь абсолютное позиционирование, position:absolute используй только либо в самом тэге тейбл либо во вложенных элементах я чеек див и подобные
если ты делаешь комбинированную верстку таблицы + див, то таблица у тебя должна стоять четко с четко заданными параметрами высоты и ширины, таблица в данном случаи идет как разметка.
ещё, параметр элайн = центр не везде будет корректным, тебе нужно через КСС марджин 0 ауто

Спустя 51 секунда (2.02.2011 - 12:30) alex12060 написал(а):
ИЕ не любит совсем float

Спустя 2 минуты, 4 секунды (2.02.2011 - 12:33) Evilsoul написал(а):
Цитата (nugle @ 2.02.2011 - 09:23)
А совмещать никак нельзя?

Можно:
Таблица это разметка а всё остальное наполнение
вот
почитай, это о позиционировании

Спустя 40 секунд (2.02.2011 - 12:33) Evilsoul написал(а):
alex12060
Любит, если корректно использовать

Спустя 5 минут, 51 секунда (2.02.2011 - 12:39) Evilsoul написал(а):
ещё, параметр элайн = центр --- я о тэге стол

Спустя 3 минуты, 32 секунды (2.02.2011 - 12:43) Evilsoul написал(а):
Дядька, у тебя оч. много боков по верстке...

Спустя 9 минут, 43 секунды (2.02.2011 - 12:52) nugle написал(а):
Ну я не спец в вёрстке, элайн убрал, позиционирование поставил только таблице, какие еще указания будут?)

Спустя 4 минуты, 28 секунд (2.02.2011 - 12:57) Evilsoul написал(а):
ну что ты к этому позышн пристал :) 
<table style="margin:0 auto; margin-top:150px;" width="960" height="437" border="0" cellpadding="0" cellspacing="0">

если 0 то величина не ставится

Спустя 2 минуты, 38 секунд (2.02.2011 - 12:59) Evilsoul написал(а):
дальше, в самом начале КСС после коировки
@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
    padding: 0;
    border: 0;
}

так ты избавишься от встроенных параметров тэгов и пропишешь их там где они будут нужны
* - применяет ко всему документу

Спустя 57 секунд (2.02.2011 - 13:00) nugle написал(а):
То есть позиционирование убрать вообще?

Спустя 3 минуты, 15 секунд (2.02.2011 - 13:04) Evilsoul написал(а):
Блин, еще:
<table style="margin:0px auto;position:absolute; margin-top:150px;" width="960" height="437" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<div style="margin-bottom:11px "/>
<td colspan="3">

зачем этот див сюда впихнул ещё и не закрытый

ты обьявил строку и до создания ячейки сунешь див

Спустя 57 секунд (2.02.2011 - 13:05) Evilsoul написал(а):
nugle
в таблице оно не нужно

Спустя 48 секунд (2.02.2011 - 13:05) nugle написал(а):
убрал его, в IE получается при выводе товаров бегает всё

Спустя 4 минуты, 20 секунд (2.02.2011 - 13:10) Evilsoul написал(а):
что убрал? див, это пол беды. я же тебе дал готовую строку, почему не заменил?
<table style="margin:0 auto; margin-top:150px;" width="960" height="437" border="0" cellpadding="0" cellspacing="0">

Спустя 1 минута, 27 секунд (2.02.2011 - 13:11) Evilsoul написал(а):
Это зачем?
html { 
display: block;
}

убери из КСС

Спустя 1 минута, 43 секунды (2.02.2011 - 13:13) Evilsoul написал(а):
даже лучше так:
<table style="margin:150px auto 0 auto;" width="960" height="437" border="0" cellpadding="0" cellspacing="0">

Спустя 26 секунд (2.02.2011 - 13:13) nugle написал(а):
Цитата 
html { 
display: block;
}

это ты где нашёл?у меня нет этого

Спустя 1 минута, 19 секунд (2.02.2011 - 13:15) Evilsoul написал(а):
Поздравляю, мы по центру! и никуда не едим smile.gif
нету, ну тогда забудь biggrin.gif

Спустя 2 минуты, 14 секунд (2.02.2011 - 13:17) nugle написал(а):
)))А как мне выровнить кнопку купить, она находиться как то чуть ниже товара?

Спустя 22 минуты, 32 секунды (2.02.2011 - 13:39) nugle написал(а):
Сделал для правого блока с корзиной 
#bascket{margin-top:-300px; border: 1px solid #000;}

Но IE 0 внимания, а Chrome все нормально обрабатывает

Вот правый блок

<td style="border:1px solid #000;">
<div id="bascket" >
<img src="../big_2722.jpg" width="120" height="120" />
<h3>Ваша корзина</h3>
<?php
	           if(isset($_SESSION['cart'])){
				$sql = "select * from articles where id in("; 
				foreach($_SESSION['cart'] as $id=>$value){
					$sql.= $id.",";
					}
				$sql = substr($sql, 0,-1).") order by name asc";
				$result =mysql_query($sql) or die("<p>В корзине нет товаров</p>");
				while($row = mysql_fetch_assoc($result)){
					$summa += $row['price'] * $_SESSION['cart'][$row['id']]['quantity'];
		?>
					<p><?php echo $row['articul']?> x <?php echo $_SESSION['cart'][$row['id']]['quantity']?>
<?php  }?>
<hr />	
		Общая цена: <?php echo $summa?> руб.<br />
        <a class='a_href_basket' href="cart.php">В корзину</a>
    	<?php 
		}else echo "<p>В корзине нет товаров</p>"; ?>
</div>


</td>


Спустя 9 минут, 42 секунды (2.02.2011 - 13:49) Evilsoul написал(а):
Опять таки у тебя структура вложенности страдает.
кнопка у тебя ниже потому что, она находится в строке Р

Спустя 5 минут, 7 секунд (2.02.2011 - 13:54) Evilsoul написал(а):
<div id="price">
<strong>Цена: 25.00руб.</strong>
</div>
<div id="view">
<p>
Просмотров: 20
<a style="margin-left:130px; color: #FFF;" id="but_bascket" class="f-right-art" href="index.php?action=add&id=55">
<img src="купить.jpg" width="176" height="82"/>

Изображение нужно перетащить в див прайс и ещё можно добавить положение
<img style="float:right;" src="купить.jpg" width="176" height="82"/>


Спустя 1 минута, 54 секунды (2.02.2011 - 13:56) Evilsoul написал(а):
в общем тебе нужно подучить КСС и ШТМЛ, хотябы основы, ты рвешь тэги, вкладываешь как попало и не закрываешь их...

Спустя 4 минуты, 16 секунд (2.02.2011 - 14:00) nugle написал(а):
сделал так, но почему ток в Chrome работает
 echo "<img class='img'  src='images/articles/".$row['img1']."'>
	  		<a class='a_href' href='articles_all.php?id=".$row['id']."'>".$row['name']."</a><br /><br />
			<div class='text_art'>Артикул: ".$row['articul']."<br />Число листов: ".$row['pages']."</div><br /><div id = 'price'>
<strong>Цена: ".$row['price'].".00руб.</strong></div>
			<div style='border: 1px solid #000;' id=view><p>Просмотров: ".$row['views']."
<a style='margin-left:130px; color: #FFF;' id='but_bascket' class='f-right-art' href='index.php?action=add&id=".$row['id']."'>
<img  src='купить.jpg' width='176' height='82' /></a> </p></div><br />";
  }

Спустя 2 минуты, 23 секунды (2.02.2011 - 14:03) Evilsoul написал(а):
с корзиной всё оч. просто, добавь в ТД
<td valign="top">
<div id="bascket">
<img src="../big_2722.jpg" width="120" height="120"/>
<h3>Ваша корзина</h3>
<p>В корзине нет товаров</p>
</div>
</td>

Спустя 2 минуты, 5 секунд (2.02.2011 - 14:05) Evilsoul написал(а):
nugle
Я же тебе говорил в другой див вставить "купить"

Спустя 1 минута, 43 секунды (2.02.2011 - 14:07) Evilsoul написал(а):
О, ты бордер включил, молодцом, теперь видишь как у тебя всё порвано smile.gif

Спустя 3 минуты, 47 секунд (2.02.2011 - 14:10) nugle написал(а):
))))Я засунул в другой див картинку, а толку? ничего не поменялось!

Спустя 34 секунды (2.02.2011 - 14:11) Evilsoul написал(а):
для картинки "купить" добавь положение, я же тебе написал.

Спустя 47 секунд (2.02.2011 - 14:12) Evilsoul написал(а):
двойка за внимательность mad.gif

Спустя 3 минуты, 38 секунд (2.02.2011 - 14:15) nugle написал(а):
я почему думал, что поставил..теперь точно поставил!

Спустя 3 минуты, 14 секунд (2.02.2011 - 14:19) Evilsoul написал(а):
<p>Просмотров: 22</p>
Р наверное мешает, убери

Спустя 1 минута, 37 секунд (2.02.2011 - 14:20) Evilsoul написал(а):
Или так сделай 
<div id="price">
кнопка купить
<strong>Цена: 25.00руб.</strong>

Спустя 1 минута, 30 секунд (2.02.2011 - 14:22) Evilsoul написал(а):
biggrin.gif я про тэг Р говорил, слово можно было бы оставить smile.gif

Спустя 5 минут, 46 секунд (2.02.2011 - 14:27) Evilsoul написал(а):
Сделай так:
<div id="price">
    <strong>Цена: 25.00руб.</strong>

    <a style="margin-left:130px; color: #FFF;" id="but_bascket" class="f-right-art" href="index.php?action=add&id=55">
        <img style="float:right;" src="купить.jpg" width="176" height="82"/>
    </a>
    <div style="border: 1px solid #000; color:#ccc;" id="view">
        <p>Просмотров: 22</p>
    </div>
</div>

Спустя 4 минуты, 1 секунда (2.02.2011 - 14:31) Evilsoul написал(а):
Поздравляю !!! biggrin.gif ну теперь осталось маргин твой на кнопке купить подправить, думаю сам справишься...

Спустя 42 минуты, 15 секунд (2.02.2011 - 15:14) nugle написал(а):
Спасибо за поздравления, но есть еще пару вопросов..
Там на странице товаров менюшка почему то не работает и вид у неё какой то плохой...Почему же?
И опять, я кнопки настроил, но только в мозиле они нормально, а в ие фигня!

Спустя 18 минут, 22 секунды (2.02.2011 - 15:32) nugle написал(а):
С кнопками вопрос решён, а вот с менюшкой нет!

Спустя 3 минуты, 5 секунд (2.02.2011 - 15:35) Evilsoul написал(а):
nugle
У меня в ИЕ 6 даже они нормально, но не совсем, они немного ниже цены, но это всё из-за того что у тебя там вообще каша, там нужно всё переделывать...
Мемюшка это тоже всё из-за твоей верстки, тебе нужно всё переделывать...
Извини, но мне нужно работать, так что дальше сам.
вот здесь закинешь свой адрес и смотри ошибки по W3C стандартам, там у тебя многие тэги не закрыты и прочее, ошибок много и работы тоже... так что дерзай cool.gif

Спустя 47 секунд (2.02.2011 - 15:36) Evilsoul написал(а):
а, решил с кнопками, вот и хорошо smile.gif

Спустя 1 минута, 20 секунд (2.02.2011 - 15:37) nugle написал(а):
спасибо))

Спустя 2 часа, 4 минуты, 52 секунды (2.02.2011 - 17:42) nugle написал(а):
Опять проблемка, посмотри сейчас мой сайт через ИЕ во вкладке товары! увидел ли ты там менюшку?я всё настроел и она работает, но я с полоской под менюшкой битый час борюсь и ни как, как её убрать?кстати спасиба еще раз за тот сайт

Спустя 17 часов, 34 минуты, 7 секунд (3.02.2011 - 11:16) nugle написал(а):
всё, сделал)))

Спустя 4 минуты, 14 секунд (3.02.2011 - 11:20) Evilsoul написал(а):
Молодец! ) Пожалуйста smile.gif
Быстрый ответ:
Powered by dgreen

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.