Autor Zpráva
Šéva
Profil
Zdravím Vás,
narazil jsem na problém a nedaří se mi ho vyřešit.
http://seva.tym.cz/soubory/stranka.jpg
Potřeboval bych zbytek stránky rozdělit do dvou divu a aby se mi natahovala ať už podle velikosti levého nebo podle velikosti pravého divu.
Stránky dělám na localhostu a prozatím je nemůžu zveřejnit, tak Vám nemohu ani poskytnout link na ně.

CSS:
body
{
  background-color:#f5f5f5;
}
#header
{
  width:1197px;
  margin:0 auto;
  height:95px;
  position:relative;
  top:5px;
}
#logo
{
  float:left;
}
#hledani
{
  float:right;
  margin-top:-10px;
}
#vlajky
{
  float:right;
}
#vlajky img
{
  width:30px;
  height:19px;
  float:left;
  border:0px;
  margin:0px 0px 5px 5px;
}
#hledat_cudl
{
  position:relative;
  top:10px;
}
#main
{
  min-height:800px;
  width:1198px;
  margin:0 auto;
  position:relative;
  top:5px;
  background:url("../images/pozadi4.gif") repeat-y;
  padding: 0px 20px 20px 20px;
}
#vlevo
{
  width:910px;
  position:relative;
  float:left;
}
#footer
{
  width:1197px;
  text-align:center;
  margin: 0 auto;
  position:relative;
  top:5px;
  background:url("../images/pozadi4.gif") repeat-y;
  padding: 0px 20px 0px 20px;  
}
.vrsek
{
  width:1238px;
  height:48px;
  text-align:center;
  margin: 0 auto;
  position:relative;
  top:5px;
  background:url("../images/vrsek3.gif") no-repeat;
}
.spodek
{
  width:1237px;
  height:48px;
  text-align:center;
  margin: 0 auto;
  position:relative;
  top:5px;
  background:url("../images/spodek3.gif") no-repeat;
}

HTML:
<body>
    
  <div class="vrsek">
  &nbsp;
  </div>
  <div id="main">
    <div id="header">
    <div id="logo">
    <a href="./" alt="Hlavní stránka" title="Hlavní stránka"><img src="./images/logo_sklostroj_pruhledne." border="0"></a>
    </div>
    <div id="vlajky">
      <a href="#"><img src="./images/vlajky/C.png"></a>
      <a href="#"><img src="./images/vlajky/A.png"></a>
      <a href="#"><img src="./images/vlajky/N.png"></a>
      <a href="#"><img src="./images/vlajky/R.png"></a>
      <a href="#"><img src="./images/vlajky/P.png"></a>
      <a href="#"><img src="./images/vlajky/F.png"></a>
    </div><br /><br />
    <div id="hledani">
    <form action="">
    <input type="text" name="hledatko" value="Hledat" onclick="hledat('click');" onblur="hledat('blur');" style="height:30px;width:200px;color:#808080;background:#f5f5f5;">
    <input type="image" src="./images/lupa3.gif" value="Hledat" id="hledat_cudl" title="Hledat">
    </form>
    </div>
  </div>
  <?php include("./menu.html"); ?>
  <hr>
<div id="vlevo">
  <img src="./images/novinky.gif">
  <img src="./images/novinky.gif">
  <img src="./images/novinky.gif">
  <img src="./images/novinky.gif">
  <br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel magna vehicula felis accumsan convallis. Ut ac ligula vel nisl ullamcorper rhoncus ut vel turpis. Aenean et risus nibh, eget suscipit nulla. Curabitur pulvinar bibendum tellus, ultrices dignissim sem dignissim eu. In dictum sodales arcu, vel aliquam purus semper non. Praesent euismod libero ac nibh feugiat hendrerit. Praesent nulla neque, dictum ut dictum sit amet, congue a sem. Mauris gravida sagittis adipiscing. Phasellus a consectetur libero. Quisque euismod iaculis mi in dictum. Cras laoreet commodo sodales. Ut consequat, tellus id congue fringilla, tortor velit luctus nulla, non pellentesque tellus dui eget tellus.

Cras id ligula tempor ligula scelerisque laoreet. Nulla eu sapien quam. Ut volutpat facilisis risus sit amet venenatis. Donec elementum pretium ultrices. Cras at porta enim. Nullam vitae lacus dolor. Morbi at dui at libero aliquam egestas. Nullam non turpis in urna tempus iaculis vitae in lacus.

Etiam in augue quis felis sodales commodo. Etiam vitae nunc nulla. Integer nec libero eu ipsum dictum vulputate. Suspendisse potenti. Suspendisse ante quam, pellentesque at pharetra quis, vehicula vitae magna. Nam velit enim, cursus vel hendrerit nec, aliquet at lorem. Vestibulum sit amet nisi eget mauris pulvinar aliquam. Curabitur pharetra placerat rhoncus. Mauris nunc nisi, scelerisque in fringilla at, imperdiet in mi. Praesent egestas, nisi eget volutpat condimentum, ante sem condimentum tellus, sed scelerisque mauris arcu in purus. Donec semper metus sapien, a aliquam nibh. Praesent sit amet suscipit urna. Quisque tempor mollis ipsum, quis ultrices metus porttitor vel. Vivamus faucibus pretium lacus, sed eleifend lectus semper in. Vestibulum lacus lorem, ornare at blandit vel, vulputate eu est. Quisque nulla dolor, malesuada quis sodales vel, malesuada eu dui.

Pellentesque at tincidunt risus. Nulla facilisi. Suspendisse augue nisi, ultrices ac dignissim sit amet, scelerisque eu lectus. Aenean tristique, mi et commodo viverra, dui ipsum scelerisque eros, a fringilla lorem ipsum nec nisi. Integer vehicula blandit enim. Suspendisse consequat porta diam sed porttitor. Integer quis orci massa. Suspendisse ut augue ligula, a placerat libero. Etiam vel orci est, ut imperdiet justo. Nullam quis nibh mi. Sed ac lorem orci, vel accumsan mauris. Ut sem velit, porttitor vitae faucibus nec, elementum quis dolor. Pellentesque ut erat dignissim nibh egestas hendrerit eget a magna. Sed faucibus sem sit amet urna euismod nec tristique ipsum scelerisque.


</div>   
<div id="vpravo">
nějaký text
</div>
 
  </div>
<div id="footer">
&copy;&nbsp;Šéva 2013
</div>
<div class="spodek">
  &nbsp;
  </div>
  </body>

Předem díky za pomoc
cenek
Profil
Zkus tohle:
<div id="vlevo">nějaký text</div>
<div id="vpravo">obsah pravého sloupce</div>
<div class="clr"></div>
<div id="spodek">Patička</div>
a css:
.vlevo {width: 910px; float: left;}
.vpravo {width: 300px; margin-left: 910px;}
.clr {clear: both}
Šéva
Profil
Díky za tip, ale ještě to není úplně ono. Teď se mi sice natahuje stránka podle obsahu,ale natahuje se mi i ta prava strana, když je menší, než ta levá, tzn, ze v té pravé straně je hluché volné místo a nedrží to pozici takovou, jakou by mělo.
http://seva.tym.cz/soubory/web.jpg

EDIT:
html pro pravou část
<div id="vpravo-vrsek">
<a href="./?view=kontakt" style="text-decoration:none;"><h2>Kontakt</h2></a>
</div>
<div class="vpravo-pozadi">
nějakej kontakt
<div class="vpravo-vrsek2">
<h2>Mapa</h2>
</div>
<b>GPS:</b> <a style="color:black;" href="#" target="_blank">
<img src="./images/mapy.gif"><br /> 
50°35'3.852''N, 15°7'12.338''E</a>
<small><a href="#" style="color:#0000FF;text-align:left" target="_blank"><img src="./images/mapa.jpg"><br />Zvětšit mapu</a></small>

</div>
<div id="vpravo-spodek">
&nbsp;
</div>

css pro pravou část
#vpravo-vrsek
{
  position:relative;
  background:url("../images/vpravo-vrsek.gif") no-repeat;
  padding:2px 2px 2px 2px;
  margin:10px 0px 3px 0px;
  text-align:center;
}
#vpravo-vrsek h2
{
  font-size:18px;
  color:white;
  padding:0;
  margin:0;  
}
.vpravo-vrsek2
{
  position:relative;
  width:270px;
  background:url("../images/vpravo-vrsek2.gif") no-repeat;
  padding:2px 2px 2px 2px;
  margin:10px 0px 0px -5px;
  text-align:center;
}
.vpravo-vrsek2 h2
{
  font-size:18px;
  color:white;
  padding:0;
  margin:0;  
}
.vpravo-pozadi
{
  width:265px;
  position:relative;
  background:url("../images/vpravo-pozadi.gif") repeat-y;
  padding:0px 5px 10px 5px;
  *padding:0px 5px 20px 5px;
  top:-3px;
}
#vpravo-spodek
{
  position:relative;
  background:url("../images/vpravo-spodek.gif") no-repeat;
  top:-3px;
}
Šéva
Profil
Vyřešeno,
divy pro pravou a levou část stránky jsem zavřel ještě do jednoho divu a už to začalo fungovat.

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: