Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Проблема с высотой модуля в разных браузерах

ZippoMan
 Share

Recommended Posts

ZippoMan Contributor

ZippoMan

Опубліковано:
Опубліковано:

Ребята, в модуль фильтра я поставил определенную длину блока контента, но почему то в опере отображается нормально, а в хроме на несколько пикселей длиннее. Прошу помочь понять как выставить разную длину блока для разных браузеров!

Надіслати
Поділитися на інших сайтах

BlackWolf Enthusiast

BlackWolf

Опубліковано:
Опубліковано:

Ребята, в модуль фильтра я поставил определенную длину блока контента, но почему то в опере отображается нормально, а в хроме на несколько пикселей длиннее. Прошу помочь понять как выставить разную длину блока для разных браузеров!

Ванга тут не обитает, линк на сайт.

Надіслати
Поділитися на інших сайтах

ZippoMan Contributor

ZippoMan

Опубліковано:
  • Автор
Опубліковано:

Ребята, в модуль фильтра я поставил определенную длину блока контента, но почему то в опере отображается нормально, а в хроме на несколько пикселей длиннее. Прошу помочь понять как выставить разную длину блока для разных браузеров!

Ванга тут не обитает, линк на сайт.

http://www.autodetail.com.ua/index.php?route=product/category&path=137_135_136&filter=8=13

 

вот в опере отображеться короче поле фильтра, в хроме все хорошо...

Надіслати
Поділитися на інших сайтах

BlackWolf Enthusiast

BlackWolf

Опубліковано:
Опубліковано:

<div class="grid-9 float-left">
тут вижу ширину 700 пикселей
 

вы вообще где чего устанавливали? и причем тут длина вообще, что в вашем понятии длина, в вестке нет понятия длины

Надіслати
Поділитися на інших сайтах

ZippoMan Contributor

ZippoMan

Опубліковано:
  • Автор
Опубліковано:

на сайте слева есть модуль с вот таким кодом

<?php

//AGOO::$globals[]=$category_options;


if ($category_options) { ?>
<style type="text/css">
	.box {
		position: relative;
		top: 30px;
		width: 250px;
		height: 150px;
		background-color: #FFFFFF;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid #0E0E0E;
/*	-webkit-box-shadow: 0 0 5px #969696;
    -moz-box-shadow: 0 0 5px #969696;
    box-shadow: 0 0 5px #969696;
*/

	}
	.box-heading {
	background-color: #000000;
	position: relative;
			top: -10px;
			width: 227px;
		height: 30px;
		-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid #0E0E0E;
	padding: 4px 6px 4px 6px;
	overflow: auto;
	
	-webkit-box-shadow: 0 0 5px #969696;
		-moz-box-shadow: 0 0 5px #969696;
		box-shadow: 0 0 5px #969696; 
	
	}
	.box-content {
			position: relative;
			top: -10px;
			width: 227px;
			
			height: 434px;
			background-color: #FFFFFF;
	-webkit-border-radius: 0px 0px 0px 6px;
	-moz-border-radius: 0px 0px 0px 6px;
	-khtml-border-radius: 0px 0px 0px 6px;
	border-radius: 0px 0px 0px 6px;
	border: 0,5px solid #DBDEE1;
	padding: 4px 6px 4px 6px;
	overflow: auto;
	}
	.box-shadow span { 
		-webkit-box-shadow: 0 0 1,5px #969696;
		-moz-box-shadow: 0 0 1,5px #969696;
		box-shadow: 0 0 1,5px #969696; 
	}
	
  #filters{line-height: 22px;}
  #filters b{display:block;padding: 2px 5px 1px 15px;}
  .filter-item{margin: 0 5px;}
  .filter-item label{margin-left:5px;padding-left:5px;display: block;cursor:pointer;}
  .filter-item label input{margin: 0 3px;}
  .filter-item label a{text-decoration:none;color: #000000;}
  .filter-item label.active a{color: #000000;font-weight:bold;}
  .filter-item select{margin-left:10px;min-width:100px;}
  .filter-item label + label{border-top: 1px solid #ECECEC;}
</style>
<div class="box">
  <div class="box-heading" ><span class="box-shadow"> _ </span><?php echo ' ';// $heading_title; ?></div>
  <div class="box-content">
    <form id="filters">
      <?php foreach ($category_options as $category_option) { ?>
        <b><?php echo $category_option['name']; ?></b>
        <div class="filter-item">
        <?php if ($category_option['values']) { ?>
          <?php foreach ($category_option['values'] as $value) { ?>
            <?php if (in_array($value['value_id'], $filter_values_id)) { ?>
              <label class="active"><input type="checkbox" onclick="window.location='<?php echo $value['href']; ?>'" checked="checked"><a href="<?php echo $value['href']; ?>"><?php echo $value['name'];  ?></a></label>
			  
            <?php } else { ?>
              <?php if ($value['products']) { ?>
                <label><input type="checkbox" onclick="window.location='<?php echo $value['href']; ?>'"><a href="<?php echo $value['href']; ?>"><?php echo $value['name']; ?></a> (<?php echo $value['products']; ?>)</label>
              <?php } else { ?>
                <label><input type="checkbox" disabled="disabled"><span class="grey"><?php echo $value['name']; ?> (<?php echo $value['products']; ?>)</span></label>
              <?php } ?>
            <?php } ?>
          <?php } ?>
        <?php } ?>
        </div>
      <?php } ?>
    </form>
  </div>
  <div class="bottom"> </div>
</div>
<?php } ?>

 

если вы в него посмотрите, то увидите что там как раз параметр высота (height) есть!) 

вот я и спрашиваю, каким образом задать длину для разных браузеров разную...точнее каким образом я понимаю, а вот как это написать в пхп я не понимаю...

Надіслати
Поділитися на інших сайтах

BlackWolf Enthusiast

BlackWolf

Опубліковано:
Опубліковано:

если вы в него посмотрите, то увидите что там как раз параметр высота (height) есть!) 

Вы писали о какой-то длине и ни слова о высоте (высота и длина абсолютно разные вещи).

Естественно ни о какой разной высоте для браузеров и речи быть не может. У вас косяк в верстке (ибо вы вообще не понимаете что это такое).

Смотрим приведенный кусок кода: .box - height: 150px; (для блока) .box-heading - height: 30px; (для заголовка блока) .box-content - height: 434px; (для контента блока). Все это в левой колонке.

То есть вы утверждаете что левая колонка имеет разную высоту ? (а я утверждаю что тут высота одинаковая)

То есть вы даже не думали что разная высота у блока с контентом ? (у которого вы не задавали высоты)

и normalize.css вы так же не думали использовать ?

P.S. такой верстки я давненько не видел (это жесть).

Надіслати
Поділитися на інших сайтах

ZippoMan Contributor

ZippoMan

Опубліковано:
  • Автор
Опубліковано:

если вы в него посмотрите, то увидите что там как раз параметр высота (height) есть!) 

Вы писали о какой-то длине и ни слова о высоте (высота и длина абсолютно разные вещи).

Естественно ни о какой разной высоте для браузеров и речи быть не может. У вас косяк в верстке (ибо вы вообще не понимаете что это такое).

Смотрим приведенный кусок кода: .box - height: 150px; (для блока) .box-heading - height: 30px; (для заголовка блока) .box-content - height: 434px; (для контента блока). Все это в левой колонке.

То есть вы утверждаете что левая колонка имеет разную высоту ? (а я утверждаю что тут высота одинаковая)

То есть вы даже не думали что разная высота у блока с контентом ? (у которого вы не задавали высоты)

и normalize.css вы так же не думали использовать ?

P.S. такой верстки я давненько не видел (это жесть).

а как исправить этот косяк в верстке?..

вы правы, я в этом очень херово разбираюсь...точнее можно сказать толком вообще не разбираюсь...

и как использовать normalize.css? я посмотрел, это просто огромная куча кода..=(

поможете?

Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
 Share
Перейти до списку тем

  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

Покупцям

Розробникам

Корисна інформація

Останні розширення

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.

  Я даю згоду