Forum PHP.pl > [css] Problem z float + inny problem

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [css] Problem z float + inny problem

snipe

21.09.2006, 10:53:28

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

21.09.2006, 12:39:35

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'.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.