Autor Zpráva
Daniela Kolářová
Profil *
Moc prosím, pomozte mi. Nějak mám rozházenou stránku a nedaří se mi srovnat pravý a levý sloupec vedle sebe. Text z pravého sloupce mi leze úplně mimo a z leva mi jde do pravého. Poraďte mi prosím kde mám chyby. Moc děkuji.

 <body>
    <div id="container">
      <div id="header"><br>
        <ul>  <li>
          <a href="">&Uacute;vod</a></li>  <li>
          <a href="">Naše třída</a></li>  <li>
          <a href="">Fotogalerie</a></li>  <li>
          <a href="">Výlety</a></li>  <li>
          <a href="">Napi&scaron;te n&aacute;m</a></li>
        </ul>
      </div>
      <div id="content">
        <div id="left">
<h1>V&iacute;tejte na str&aacute;nk&aacute;ch na&scaron;&iacute; tř&iacute;dy</h1>
          <p>bbbbbbbbbbbbbbbb bbbbbbbbbbbbbb bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb bbbbbbbbbbbbbbbbbb
          </p>
          <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
          </p>
          <p>uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
          </p>
          <p>iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
          </p>
<h1>Fotky</h1>
          <div id="photos"> 
            <a href="">
              <img src="images/photo1.jpg" alt="photo" /></a> 
            <a href="">
              <img src="images/photo2.jpg" alt="photo" /></a> 
            <a href="">
              <img src="images/photo3.jpg" alt="photo" /></a> 
            <a href="">
              <img src="images/photo4.jpg" alt="photo" /></a> 
          </div>
          <div id="right">
              <h2>Novinky</h2>
            <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
            </p>
            <p>kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
            </p>
            <p>pppppppppppppppppppppppppppppppppppppppppppppppppppppppppp
            </p>
          </div> 
        </div>
      </div>
      <div id="konec">Copyright &copy; 2008 
      </div>
    </div>
  </body>

body {
	background-color:#bacedb;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px 10px;
	padding: 0px;
}

#container {
	margin: auto;
	text-align: left;
	width: 717px;

}
a{
	font-size:12px;
}
p{
	margin: 15px 0px;
}

#header {
	margin: 0px 0px 0px 0px;
	background-image:url(images/hlavicka1.png);
	width:721px;
	height:255px;
	position:relative;
}
#header ul{
	background-color:#fb9461;
	width:717px;
	border: 2px solid #fb9461;
	display:block;
	top:237px;
	position:absolute;
	margin: 0px 0px 0px 0px;
	height:20px;
	padding:5px 0px 0px 0px;
	text-align:center;
}
#header li{
	display:inline;	
}
#header ul a{
	text-decoration:none;
	color:#FFFFFF;
	margin: 0px 15px;
}
#header ul a:hover{
	text-decoration:underline;
	color:#28556b;
}
#content {width: 100%;
	
margin: 19px 0px 0px 0px;
background-color:white;
border-left:2px solid #fb9461;
border-top:2px solid #fb9461;
border-right:2px solid #fb9461;
}
img{
	border-width:0px;
}
h1{
	color:#000000;
	font-size:14px;
	margin: 20px 0px 20px 0px;
}

h2{
	color:#85a157;
	font-size:14px;
	text-align:center;
	width:200px;
	margin: 10px 0px 15px 0px;
}
#obsah {
width: auto; 
text-align: left; 
max-width: 720px; 
 
}
#left {border:5px solid fuchsia;
	float: left;
	width:440px;
	margin-right:320px;
	padding: 0px 10px 30px 20px;
	
}
#left a{color:#28556b;}
#left a:hover{color:#c77e0c;}
#photos a{
	margin-right:14px;
}
#right {
	float:right;
	width:200px;
	padding: 0px 20px 20px 20px;
	margin-top:10px;
	border-left: #fb9461 2px solid;

}
#right a{
	color:#c77e0c;
}
#right a:hover{
	color:#85a157;
}

#footerline {
clear:both;
border-bottom:2px solid #fb9461;
font-size:1px;
height:10px;
}
#konec {
width:721px;
background:#fb9461;
border-top:4px solid #bacedb;
text-align:center;
padding: 3px 0px;
}
vertigo4
Profil
Daniela Kolářová
nejspíš to bude tím, že CSS nedokáže např. iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii zalomit a proto ti to vylézá... zkus použít normální slova o menším počtu znaků a možná se vyřeší problém...
Měsíček
Profil
Asi tak CSS si nedokáže dlouhé slovo rozdělit "logicky" na slabiky .. typu ("Slovensko" na "Sloven-sko") a proto to musí dotáhnout až dokonce - tím se ti div protáhne .. můžeš to dát pryč pomocí overflow:hidden; .. tuším, ale tím příjdeš o text, pokud už dáváš do divu nějáký text pokusný nepiš jeden znak na dlouho, ale přímo slova .. http://www.lipsum.com/
vertigo4
Profil
Měsíček
tím se ti div protáhne
Ale div se neprotáhne... jen text uvnitř divu jej přeteče.
Měsíček
Profil
"Ale div se neprotáhne... jen text uvnitř divu jej přeteče."

Ve všech prohlížečích? ;)
Daniela Kolářová
Profil *
Moc děkuji, tohle jsem netušila, po přepsání na normální text je to tak jak má být.
Ale mám ještě jeden problém, v Mozille je to ok, ale v Exploreru mám nejdříve pravý sloupec a až pod ním (vlevo) levý, co tam mám špatně? Moc děkuji za pomoc.
Daniela Kolářová
Profil *
Ještě jsem zapomněla, celý obsah (levou i pravou stranu) mám v Exploreru o kus širší než je hlavička a patička.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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