Autor Zpráva
SpotRudloff
Profil
Ahoj, mám tento kód v CSS:

#feed #status {
  width: 408px;
  min-height: 80px;
  background-color: #F5F5F5;
  padding: 5px;
  margin-top: 10px; 
  border: #E2E2E2 1px Solid;
}

#feed #status #photo {
  width: 60px;
  height: 80px; 
  float: left;                    
}

#feed #status #text {
  width: 340px;
  float: right;
}

#feed #status #text a {
  color: #ED1C24;
  font-size: 15px;
}

#feed #status #text a#small {
  color: #ED1C24;
  font-size: 12px;
  text-decoration: none;
}

#feed #status #text a#small:hover {
  text-decoration: underline;                                  
}

a v HTML:

<div id="feed"> 
    <div id="status">
      <div id="photo">
      <img src="images/Hejhula.png" style="width:60px;height:80px;">
      </div>
      <div id="text">
      <a href="#">Blah Blaher</a> <br>
      Blablabla test... <br>
      does it work? <br>
      <a href="#" id="small">Written 3.9. 2012 16:35</a>
      <div style="float:right;">
        <a href="#" id="small">0 comments&nbsp;|&nbsp;0 likes</a>
      </div>
      </div>
    </div>
  </div>

Jakmile toto rozjedu v prohlížeči, všechno jede ok, akorát border, který má být okolo celého elementu je velký pouze 10px (podle paddingu). Nevíte co s tím?
Keeehi
Profil
Protože ten div nemá obsah. všechny prvky jsou floatované a ty se nezapočítávají. Musíš to za nimi vyclearovat.
http://www.pixy.cz/pixylophone/2003_12_archiv.html#1071056082
SpotRudloff
Profil
Děkuju moc, pomohlo to.

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: