Forum PHP.pl > [HTML][CSS] Jak wyświetlić 2 divy (1 z fieldsetem) w 1 linii?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS] Jak wyświetlić 2 divy (1 z fieldsetem) w 1 linii?

pawelooss

22.03.2010, 00:18:48

Witam!

Potrzebuję wyświetlić dwa obiekty DIV w jednej linii. Poniżej podaję kod.
Sytuacja wygląda tak, że nie mogę zmienić niczego, co znajduje się w nagłówku strony, mogę jedynie ratować się parametrem <* style="">.

[HTML] pobierz, plaintext 
<html><head><style type="text/css">
 
body                    { width: 1002px; margin: 20px auto; }
fieldset                { border-width: 0; text-align: right; margin-top: 15px; height: 2.5em; }
 
</style></head><body>
 
<div float="left">      Witamy na naszej ekstra stronie! :)</div>
<div float="right">     <fieldset>Serdecznie! </fieldset></div>
 
</body></html>
[HTML] pobierz, plaintext

Ktoś ma jakiś pomysł, jak to zrobić?

Oczywiście za pomoc będzie pochwała!

Pozdrawiam,
pawelooss

koreja

22.03.2010, 00:26:04

Dodaj im :

[HTML] pobierz, plaintext 
style="display:inline-block"
[HTML] pobierz, plaintext

Pamiętaj o tym, że ich łączna szerokość musi być mniejsza od szerokości strony

pawelooss

22.03.2010, 00:32:37

Dzięki!

Pojawił się jednak nowy problem. Oba DIV-y są zbite, przyklejone do siebie, zamiast wg floatów być rozsunięte do obu krawędzi strony. Mój kod wygląda następująco.

[HTML] pobierz, plaintext 
<html><head><style type="text/css">
 
body                    { width: 1002px; margin: 20px auto; }
fieldset                { border-width: 0; text-align: right; margin-top: 15px; height: 2.5em; }
 
</style></head><body>
 
<div float="left"  style="vertical-align:top; display: inline-block;">     Witamy na naszej ekstra stronie! :)</div>
<div float="right" style="margin-top: -20px;  display: inline-block;">     <fieldset>Serdecznie! </fieldset></div>
 
</body></html>
[HTML] pobierz, plaintext

koreja

22.03.2010, 00:40:44

Daj im floaty w stylach

pawelooss

22.03.2010, 00:50:35

Wszystko działa idealnie.

Dziękuję.

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.