Обтекание div другим div

(Ответов: 6, Просмотров: 1945)
  1. Новичок
    • Регистрация: 04.03.2016
    • Сообщений: 28
    • Репутация: 1
    Всем доброго времени суток.
    есть такой сайт. Нужно сделать обтекание div другим div. Т.е. нужно чтобы блок <div id="content" class="fullwidth"> обтекал блок .left_bar.
    Как это сделать? Подскажите пожалуйста.
    Читал различные мануалы по обтеканию div другим div с разными способами - не один не работает.
    • 0
  2. Гуру Аватар для Zhezkazganetcs
    • Регистрация: 01.02.2014
    • Сообщений: 523
    • Репутация: 152
    • Webmoney BL: ?
    float
    • 0
  3. Новичок
    • Регистрация: 04.03.2016
    • Сообщений: 28
    • Репутация: 1
    Zhezkazganetcs,
    Это понятно что float
    Какому блоку его задать?

    ---------- Сообщение добавлено 17:19 ---------- Предыдущее 17:18 ----------

    Задаю блоку <div id="content" class="fullwidth"> - нету обтекания.
    Задаю блоку .left_bar - тоже нету обтекания.
    • 0
  4. Опытный Аватар для Vlad03
    • Регистрация: 21.05.2014
    • Сообщений: 404
    • Репутация: 33
    • Webmoney BL: ?
    Нарисуйте, что должно получиться или покажите пример, помогу.
    • 0
  5. Новичок
    • Регистрация: 04.03.2016
    • Сообщений: 28
    • Репутация: 1
    Vlad03,
    Контент должен быть растянут по ширине красной рамке, как на скрине.
    Нажмите на изображение для увеличения.  Название:	image.jpg  Просмотров:	11  Размер:	20.2 Кб  ID:	22206
    • 0
  6. Опытный Аватар для Vlad03
    • Регистрация: 21.05.2014
    • Сообщений: 404
    • Репутация: 33
    • Webmoney BL: ?
    maxg5, код покажите.
    • 0
  7. Новичок
    • Регистрация: 04.03.2016
    • Сообщений: 28
    • Репутация: 1
    Vlad03,
    Код HTML:
    <?php
    /**
     * Template Name: Fullwidth Page
     */
    
    get_header(); ?> <div id="content" class="fullwidth"> <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?> <div id="post-<?php the_ID(); ?>" <?php post_class('page'); ?>>
            <?php if(has_post_thumbnail()) {
              echo '<a href="'; the_permalink(); echo '">';
              echo '<figure class="featured-thumbnail"><span class="img-wrap">'; the_post_thumbnail(); echo '</span></figure>';
              echo '</a>';
              }
    		  ?> <div class="left_bar"> <div class="left_contact_1"> <p style="margin-top:36px;text-align: center;" class="rtecenter">Мы работаем ежедневно с 9.00 до 20.00 по адресу:<br>
            г. Москва,  метро Цветной бульвар<br> <span class="ya-phone">+7 (499) 499-12-55<br>+7(968) 892-84-20</span></p> </div> <p class="n_us_1">Наши услуги</p> <?php wp_nav_menu( array(
                'container'       => 'ul', 
                'menu_class'      => 'f_menu', 
                'depth'           => 0,
                'theme_location' => 'footer_menu' 
                )); 
              ?>
      <p class="f_z_1">Оформить заявку</p> <?php wp_nav_menu( array(
                'container'       => 'ul', 
                'menu_class'      => 'z_menu', 
                'depth'           => 0,
                'theme_location' => 'f_z' 
                )); 
              ?>
      <p class="z_z">Получение в день обращения</p> </div> <img style="margin-top: -64px;margin-bottom: 7px;" src="/wp-content/themes/theme1971/images/11.png" width="620px"> <?php the_content(); ?> <div class="pagination"> <?php wp_link_pages('before=<div class="pagination">&after=</div>'); ?> </div><!--.pagination--> </div><!--#post-# .post--> <?php endwhile; ?> </div><!--#content-->
    Код:
    .left_bar {
        position: absolute;
        margin-left: -320px;
    }
    
    .left_contact_1 {
            position: relative;
        right: -12px;
        width: 251px;
        height: 161px;
        border: 2px solid #2E5D8B;
        font-size: 15px;
        line-height: 120%;
        font-weight: bold;
        color: #2E5D8B;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 229px;
        }
    #content.fullwidth {
        padding-top: 267px;
        text-align: justify;
        margin-left: 320px;
    }
    Последний раз редактировалось maxg5; 24.10.2016 в 18:46.
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Kunena bbcode обтекание текстом
Joomla 2 12.02.2014 01:09
как сделать "динамическое" обтекание div блока с 2 сторон, без использования js?
Web программирование 11 25.07.2013 16:58
Обтекание картинки текстом
Web программирование 3 09.07.2012 00:54
обтекание картинки текстом
Web программирование 5 02.03.2012 20:40
Обтекание текста вокруг картинки
Web программирование 17 18.04.2011 00:19

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры