| Autor | Zpráva | ||
|---|---|---|---|
| Host Profil * |
#1 · Zasláno: 28. 6. 2008, 17:39:18
Zdravím,
mám dva sloupce (float:left, float: right) a potřeboval bych pod ně umístit ještě jeden, který bude mít 100% šířku. Bohužel sloupce mají proměnlivou výšku a když je jeden delší než druhý, tak se začátek spodního prvku nacpe do volného místa pod kratší sloupec. Zkoušel jsem oba sloupce obalit DIVem, ale FF tento div asi ignoruje a oba sloupce z něj "přetékají" :( Výřez HTML kódu: <div> <div id="left">a<br>b<br>c<br>d<br>e<br>f<br>g<br>h<br>i</div> <div id="right">1<br>2<br>3</div> </div> <p>h ch k r d t n, b f l m p s v z</p> a CSS: #left { float:left; width: 60%; } #right { float:right; width: 40%; } |
||
| Str4wberry Profil |
#2 · Zasláno: 28. 6. 2008, 17:40:58
Měl by stačit clear. Pod sloupce přidej <br clear='all'>.
|
||
| Host Profil * |
#3 · Zasláno: 28. 6. 2008, 18:44:27
Ano, to bylo přesně ono. Mockrát díky.
A ještě bych se chtěl zeptat (ať nemusím zakládat nové téma) Mám toto: <div id="left"> <ul> <li><h3>Text #1</h3> <span>21. březen 2008</span></li> <li><h3>Text #2</h3> <span>20. březen 2008</span></li> <li><h3>Text #3</h3> <span>19. březen 2008</span></li> </ul> </div> a k tomu CSS: #left ul li {
list-style-type: none;
list-style-image: none;
margin-left: -20px;
line-height:19px;
border-bottom:2px dotted #e4e7e9;
}
#left h3 {
color:#333333;
font-family:sans-serif, Helvetica, Arial;
font-size:16px;
font-weight:bold;
margin: 0pt;
padding: 10px 0 4px;
display: inline;
}
#left span {
float: right;
font-size: 80%;
}
Problém je v tom, že onen SPAN se ve Firefoxu a IE6 (jak IE7 netuším) zobrazí o řádek níž, kdežto Opera 9.5 a Safari to zobrazí správně. Pokud SPANu přidám"margin-top: -17px;", tak to v IE a FF vypadá tak, jak má, ale v O9.5 a Safari je to zase moc vysoko :( Šlo by to nějak šikovně opravit? |
||
| JirkaC Profil * |
#4 · Zasláno: 29. 6. 2008, 10:46:16
#left ul li {
list-style-type: none;
list-style-image: none;
margin-left: -20px;
line-height:19px;
border-bottom:2px dotted #e4e7e9;
position: relative;
}
#left h3 {
color:#333333;
font-family:sans-serif, Helvetica, Arial;
font-size:16px;
font-weight:bold;
margin: 0pt;
padding: 10px 0 4px;
display: inline;
}
#left span {
position: absolute;
top: 7px;
right: 0;
}
|
||
| Anonymní Profil * |
#5 · Zasláno: 29. 6. 2008, 12:53:10
JirkaC
Pomohlo děkuji. |
||
|
Časová prodleva: 16 let
|
|||
0