Я борюсь с этой проблемой в течение часа, и я не делаю никакого прогресса, поэтому я здесь.DIV не остается внутри другого DIV
Проблема, с которой я столкнулся, заключается в том, что у меня есть div, который просто не остается внутри другого.
Heres картину объяснить, что у меня есть и что я хочу: http://www.upload.ee/image/2086206/whatiwant.jpg
Живая Версия: http://haavistu.eu/shop/index.php?route=product/category&path=74_61
То, что я сделал до сих пор: я поместил генераторную цена код и все кнопки внутри a div классифицировано stuffholder. Затем я разместил div stuffholder справа.
I tought Я был сделан, но то, что у меня есть, видно на картинке.
Все соответствующий код:
<div class="product-list">
<?php foreach ($products as $product) { ?>
<div>
<div class="image">
<?php if ($product['thumb']) { ?>
<a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a>
<?php } ?>
<?php if ($product['rating']) { ?>
<img src="catalog/view/theme/default/image/stars-<?php echo $product['rating']; ?>.png" alt="<?php echo $product['reviews']; ?>" />
<?php } ?>
</div>
<div class="stuffholder">
<?php if ($product['price']) { ?>
<div class="price">
<?php if (!$product['special']) { ?>
<?php echo $product['price']; ?>
<?php } else { ?>
<span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
<?php } ?>
</div>
<?php } ?>
<div class="cart">
<a onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button"><span><?php echo $button_cart; ?></span></a>
</div>
<div class="wishlist">
<a onclick="addToWishList('<?php echo $product['product_id']; ?>');"><?php echo $button_wishlist; ?></a>
</div>
<div class="compare">
<a onclick="addToCompare('<?php echo $product['product_id']; ?>');"><?php echo $button_compare; ?></a>
</div>
</div>
<div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
<div class="description"><?php echo $product['description']; ?></div>
</div>
<?php } ?>
</div>
Извините за ужасный Намереваясь. Изображение, название и описание, похоже, работают нормально.
Heres СМЧ
.product-list > div {
overflow: auto;
}
.product-list .right {
float: right;
}
.product-list .image {
float: left;
}
.product-list .image a {
display: block;
}
.product-list .image img {
display: block;
}
.product-list .stuffholder {
display: block;
float: right;
}
.product-list .price {
}
.product-list .price-old {
display: block;
}
.product-list .wishlist a {
display: block;
}
.product-list .compare a {
display: block;
}
Убран совершенно ненужную вещи прочь.
Когда я смотрю исходный код все это создает, я вижу:
<div>
<div class="image"><a href="xxx/shop/index.php?route=product/product&path=74&product_id=50"><img src="xxx/shop/image/cache/data/prosessorit/Core-i5-2500K-and-Core-i7-2600K-Review-614x614-80x80.jpg" title="Intel Core i5-2500K 3,3Ghz Prosessori - LGA1155" alt="Intel Core i5-2500K 3,3Ghz Prosessori - LGA1155" /></a>
<img src="catalog/view/theme/default/image/stars-5.png" alt="Perustuu 1 arvioon." />
</div>
<div class="name"><a href="xxx/shop/index.php?route=product/product&path=74&product_id=50">Intel Core i5-2500K 3,3Ghz Prosessori - LGA1155</a></div>
<div class="description">
Intel’s most popular family member is more adaptable than ever and unlocked. The 2nd generation..</div>
<div class="stuffholder">
<div class="price">198,00€</div>
<div class="cart">
<a onclick="addToCart('50');" class="button"><span>Lisää koriin</span></a>
</div>
<div class="wishlist">
<a onclick="addToWishList('50');">Lisää toivelistaan</a>
</div>
<div class="compare">
<a onclick="addToCompare('50');">Lisää vertailuun</a>
</div>
</div>
</div>
Соответственно к исходному коду, все это должно работать хорошо. Может ли кто-нибудь сказать мне, когда div price не останется внутри div stuffholder и как его исправить?
Было бы полезно, чтобы увидеть сгенерированный HTML, чем код PHP – Madbreaks
Поскольку это проблема CSS, а не проблема PHP; сгенерированный HTML будет более полезен, чем PHP. Не могли бы вы опубликовать это вместо этого? – FakeRainBrigand
Добавил его, спасибо за упоминание. – HUTHUN