Autor Zpráva
aradzar
Profil
Ahoj,

mám problém s iframem, který mi zobrazuje scrollbary uprostřed stránky.
kody:

kod index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <link href="styles.css" rel="stylesheet" type="text/css" media="screen" />
  <title></title>
  </head>
  <body>
      <div id="header">
          <div id="logo">
            <h1><a href="#" target="main">Název</a></h1>
            <a href="#" target="main"><small>motto</small></a>
        </div>
        
        <div id="prew_img">
        <!-- Zde se nachází JS roller úvodních obrázků-->    
        </div> <!-- konec prew_img-->
        <div id="menu">
                    <ul>
                        <li><a href="#" target="main">Domů</a></li>
                        <li><a href="#" target="main">Blog</a></li>
                        <li><a href="#" target="main">Gallery</a></li>
                        <li><a href="#" target="main">O nás</a></li>
                        <li><a href="#" target="main">Kontakty</a></li>
                    </ul>

      </div> <!--konec menu-->
      </div> <!--konec header-->
      <div id="content">
      <iframe id="main" src="uvod.html"></iframe>
      </div>
      
      <div class="footer">
<!--Zde je záhlaví-->
        
      </div>

</div>
  </body>
</html>

kod styles.css

/*HEADER*/

#header{
    background: url(images/bg_black.png) repeat-x top;
    height: 530px;
    padding-top: 7px;
}
    /*<Logo>*/
#logo{
    width: 1032px;
    margin: 0 auto;
    height: 52px;
    padding-top: 10px;
    padding-left: 75px;
    padding-bottom: 20px;
}

#logo h1 a{
    font: 14px Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

#logo a small{
    font: 12px Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
}
    /*</Logo>*/
    /*<nabídka>*/

#prew_img
{
width: 1000px;
height: 297px;
margin-left: -30px;
margin: 0 auto;
padding-top: 80px;
}


.roundabout-holder {
                list-style: none;
                width: 50em;
                height: 10em;
                margin: 1em auto;
            }
            
.roundabout-moveable-item {
                height: 300px;
                width: 562px;
                cursor: pointer;
            }
            
   
.roundabout-moveable-item img {
                width: 100%;
                height: 100%;
            }
   
.roundabout-in-focus { cursor: auto; }
   /*</nabídka>*/
   /*<menu>*/
#menu{
    background: url(images/menu.png) top left;
    height: 70px;
    width: 100%;
}

#menu ul{
    padding-left: 0px;
    list-style: none;
    width: 800px;
    margin: 0 auto;
}

#menu ul li{
    display: inline;
}

#menu ul li a{
    font: 18px  Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-align: center;
    font-weight: normal;
    text-decoration: none;
    display: block;
    float: left;
    width: 160px;
    height: 70px;
    line-height: 70px;
}

#menu ul li a:hover,  #menu ul li .active{
    color: #ffffff;
    text-decoration: underline;
}

   /*</menu>*/
   /*<main>*/
#content{
    width: 100%;
    min-height:300px;
    height:300px;
    height: auto;
    
    background: url(images/content_bg.jpg) top left repeat;
}

#main{
    border-style: none;
    width: 100%;
    height: 100%;
    /*margin: 10 auto;*/
    font: 12px Arial, Helvetica, sans-serif;
    color: #666666;
    font-weight: normal;
    text-decoration: none;
    
}

#main_text{
    font: 12px Arial, Helvetica, sans-serif;
    color: #666666;
    font-weight: normal;
    text-decoration: none;
    width: 100%;
    height: 100%;
    }
    
/*iframe{
    height:auto;
    weight:99%;
    
    }  */ 
   /*</main>*/

V kaskádě jsou i části které jsem si prozatím skryl.

Výsledek který potřebuji mít, by měl vypadat tak, že rozměry hlavičky (header) a patičky (footer) budou mít pevnou výšku height a oddělení content bude mít pružnou výšku v závislosti na délce textu který se do něj bude načítat.
Již jsem přišel na to, že scrollbary způsobuje přítomný iframe ten je tam kvůli tomu aby se měly stránky s textem (max obrázky) kam načíst. Ale aby se mi v content části stránky nevykreslovaly scrolly. Ty at se vykreslují na okrajích stránky pohlížeče.
Už několik dní procházím různé zdroje informací a zkouším nápady jako overflow, zkoumat rozměrovou selektivitu mateřských a vnořených objektů (divy vs iframe), ale zatím nic nepomohlo. Hledal jsem i náhradu za iframe ale nerozumím JS ani PHP (to bych musel stránku vytvořit znovu). Zároven také chci aby stránka splnovala standardy XHTML a CSS.

Poradíte někdo jak bud zaměnit iframe nebo jinak vyřešit problém se scrollbary uprostřed stránky?
Díky za odpovědi.
Jo program ve kterém pracuji je Adobe Dreamveawer CS6 (trial) scrollbary mi zobrazuje jeho interní prohlížeč i OPERA v12.12 b1707
margin
Profil *
Na Skládání stránek z kousků » Použití IFRAME jsi se díval? Pokud hodlat nehodláš opustit IFRAME, tak to udělej tak, jak je doporučeno a nedělej to přesně naopak.
aradzar
Profil
margin:

Díky

sice jsem toto již četl a zkoušel, ale bylo to v momentě, kdy jsem měl v kaskádě editované body{overflow:scroll}. Ted to pomohlo. :-)
I když pořád mám tendenci podobu všeho editovat v CSS a ne přímo v dokumentu ale validátor XHTM 1.0 Transi... to vzal. :-) Scroll="no" totiž CSS neznají.

Ale mam nový problém. Content div a jemu podružné se nepřizpůsobují přetékání textu načítaného z externího html.
V příkladu který jsem postnul mám v CSS definovaný min-height a v podružných objektech height: 100%.
_es
Profil
aradzar:
Content div a jemu podružné se nepřizpůsobují přetékání textu načítaného z externího html.
Myslíš to tak, že vnútrajšok iframe ignoruje CSS pravidlá z okolitej stránky? To nie je chyba, ale vlastnosť - vo vnútri iframe je samostatný dokument.
aradzar
Profil
Tak už to mám také vyřešeno. Zavrhl jsem kompletně patičku. :-)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: