#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2013
    Posts
    2
    Rep Power
    0

    Auto size div with iframe inside


    Dear friends,

    Just new ot this forum.

    I'm having a question for a few weeks and just decided to post in this forum, recommended by a friend.

    Here's the situation:

    I have two divs inside another div, one below the other. The main div behaves OK. The upper div has its size fixed, and the bottom one should be resized as the browser window. The below div has a iframe with google maps inside.

    For some reason, the size of the below div is fixed with about 150px. I cannot understand why doesn't it respect the CSS.

    The code is below:

    Code:
    div.Frame
            {
                position:absolute;
                width:1100px;
                top:220px;
                bottom:50px;
                left:50%;
                margin-left: -550px; /*half width*/
                /*margin-top: -25px; /*half height*/
            }
            div.frameEsquerdo
            {
                position:relative;
                float:left;
                width:456px;
                height:100%;
                background-color:antiquewhite;
            }
            div.frameEsquerdoTopo
            {
                position:relative;
                width:100%;
                height:200px;
            }
            div.frameEsquerdoFundo
            {
                margin-bottom:0px;
            }
    div.frameDireito
            {
                position:relative;
                float:right;
                width:635px;
                height:100%;
                background-color:blue;
            }
    Code:
    <div class="Frame">
            <div class="frameEsquerdo">
                <div class="frameEsquerdoTopo">
                    <ul id="scroller">	                
                        <li><img src="imagens/5.jpg" width="290" height="200" /></li>
                        <li><img src="imagens/6.jpg" width="290" height="200" /></li>
                        <li><img src="imagens/7.jpg" width="290" height="200" /></li>
                        <li><img src="imagens/8.jpg" width="290" height="200" /></li>
                        <li><img src="imagens/9.jpg" width="290" height="200" /></li>
                        <li><img src="imagens/10.jpg" width="290" height="200" /></li>
                        <li><img src="imagens/11.jpg" width="290" height="200" /></li>
                        <li><img src="imagens/12.jpg" width="290" height="200" /></li>
                        <li><img src="imagens/13.jpg" width="290" height="200" /></li>
                        <li><img src="imagens/14.jpg" width="290" height="200" /></li>
                        <li><img src="imagens/15.jpg" width="290" height="200" /></li>
                        <li><img src="imagens/16.jpg" width="290" height="200" /></li>
                        <li><img src="imagens/17.jpg" width="290" height="200" /></li>
                        <li><img src="imagens/18.jpg" width="290" height="200" /></li>
                        <li><img src="imagens/19.jpg" width="290" height="200" /></li>
                        <li><img src="imagens/1.jpg" width="290" height="200" /></li>
                        <li><img src="imagens/2.jpg" width="290" height="200" /></li>
                        <li><img src="imagens/3.jpg" width="290" height="200" /></li>
                        <li><img src="imagens/4.jpg" width="290" height="200" /></li>
                    </ul>     
                </div>
                <br />
                <div class="frameEsquerdoFundo"><iframe class="Mapa" width="456" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.pt/maps?f=q&amp;source=s_q&amp;hl=pt-PT&amp;geocode=&amp;q=Rua+das+Fontainhas,+3700+Cesar&amp;aq=&amp;sll=40.91836,-8.446648&amp;sspn=0.008423,0.018797&amp;ie=UTF8&amp;hq=&amp;hnear=Rua+das+Fontainhas,+Cesar&amp;t=m&amp;ll=40.918377,-8.446684&amp;spn=0.0227,0.039139&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe></div>
            </div>
            <div class="frameDireito">
                <iframe></iframe>
            </div>
        </div>
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2013
    Posts
    2
    Rep Power
    0
    No one know how to achieve this?

    Thanks,
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2013
    Location
    uk
    Posts
    1
    Rep Power
    0
    Hello,
    I'm having a little problem with my HTML/CSS responsive I downloaded this HTML/CSS responsive template from carvermediagroup At first I just used this page template alone as my index page and it worked fine on my laptop and on my htc one mobile. I decided to make more portfolio pages and a main landing page. I used a new template for my index page but continued to use the portfolio template across three pages; sports design, commercial design, and art and media. These pages continued to work fine on my laptop but now on my htc one they show up as 404 errors.
    I was just wondering if I'm doing something wrong that I'm unaware of or is it possible to disable the mobile version and instead just show the "Classic View".?

    Kind regards,
    Delara

IMN logo majestic logo threadwatch logo seochat tools logo