ZippoMan

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

Рекомендуемые сообщения

ZippoMan    0

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
BlackWolf    7

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
ZippoMan    0

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

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

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
BlackWolf    7

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
ZippoMan    0

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

<?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    7

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

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

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

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

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
ZippoMan    0

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

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

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

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

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

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

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

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

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

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

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

поможете?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
BlackWolf    7

поможете?

что вы хотите сделать ?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
ZippoMan    0

поможете?

что вы хотите сделать ?

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
ZippoMan    0

ребята помогите плз...

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу