[css] Problem z float + inny problem Opcje

[snipe]

Witam. Mam problem z CSS a dokladnie chodzi mi o bloki div :-P

Oto kod mojego pliku CSS

Kod

#top_blogs {
    margin: 5px;
    padding: 0px;
    width: 35%;
    height: 100px;
    border: 0px solid #000000;
    float: left;
    text-align: left;
}
#top_blogs_bar {
    width: 100%;
    color: #FFFFFF;
    padding: 10px 10px 4px 10px;
    border: 1px solid #000000;
    background: #FFB400;
    height: 8px;
    font-weight: bold;
    font-size: 14px;
}
#top_blogs_bar a {
    width:100%;
    color: #FFFFFF;
    font-size: 10px;
    float: right;
}
#top_blogs_bar a:hover {
    color: #FF0000;
    font-size: 10px;
}
#top_blogs_body {
    color: #000000;
    padding: 5px;
    font-size: 10px;
}

oraz kod html:

[HTML] pobierz, plaintext 
<div id="top_blogs">
	<div id="top_blogs_bar">Top Blogi <a href="">dodaj swój blog</a></div>
		<div id="top_blogs_body">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
	</div>
</div>
[HTML] pobierz, plaintext 

i mam 2 problemy :-P

1) nie umiem sprawic zeby IE przesunal link na prawa storne, poprostu sie nie wyswietla :-/
2) jak zrobic zeby wyswietlil sie caly tekst "Lorem ipsum"??

[s_w_ir]

Czy Ty używasz IE do testowania stron? Zaczyna się testowanie od najlepszych przeglądarek schodząc później coraz niżej i dostoswując. W FF sie sypie top, masz height: 8px dla #top_blogs_bar, przerób na 28px. Również w #top_blogs_bar dodaj tezy-align: right; bądź jeśli nie chcesz żeby i tekst i link poszły w prawo zrób tak: dodaj
text-align: right; w '#top_blogs_bar a'.

Ten post edytował s_w_ir 21.09.2006, 12:41:50