Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Styl - dwa divy w jednej linii?

Błąd   Założony przez  SeLeR.

06.10.2011, 12:24
#1
wersja skryptu MyBB: 1.6
adres forum: localhost
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki):

Stworzyłem podstronę, i chcę w niej umieścić podział na menu i content. Aktualnie szablon wygląda tak:
<html>

<head>
<title>Minecraft - zarządzaj</title>
{$headerinclude}
</head>

<body>
{$header}
<div class="menu" style="">
Menu here.
</div>
<div class="menu" style="">
Content here.
</div>
{$footer}
</body>

</html>

Lecz div z 'menu here' jest nad 'content here', a chcę dać je w jednej linii. Po dodaniu float left/right, moje divy nachodzą na footera - a tak też nie chcę. Nawet jak ustawię display: inline, to też nachodzą na footera.
Ktoś wie jak to zrobić?
elroyalo napisał 06.10.2011, 12:31:
Przenoszę do działu Style i grafika.
06.10.2011, 19:29
#2
Div który ma być po prawej stronie zawsze dawaj przed lewym tj. np.:
<div style="float: right"> Nigga please </div>
<div style="float: left"> Niet </div> 
Po za tym musisz ustawić wysokość pierwszego diva, aby nie nachodził na footer...
07.10.2011, 09:21
#3
<html>

<head>
<title>Minecraft - zarządzaj</title>
{$headerinclude}
</head>

<body>
{$header}
<div class="menu" style="float: right; height: 500px; width: 70%;">
Content here.
</div>
<div class="menu" style="float: left; height: 500px; width: 20%;">
Menu here.
</div>
{$footer}
</body>

</html>

Nadal nic, a wszystko wygląda tak: http://iv.pl/images/72244178857096494123.png
07.10.2011, 10:05
#4
<br class="clear" />
Dodaj to powyżej {$footer}
07.10.2011, 20:55
#5
Zrobiłem tabelkę na footerem z tr height=[x]px, i niby działa, ale boję się trochę tego że na cholernie małych rozdzielczościach to się rozjedzie.

Jakieś inne 'profesjonalne' pomysły? ;d
07.10.2011, 21:14
#6
A dlaczego nie ustawisz wyglądu tych divów, tylko tworzysz jakiś dziwne tabelki...
Zdefiniuj wymiary
<div style="float: right; height: Apx; width: Bpx;"> Nigga please </div>
<div style="float: left; height: Apx; width: Bpx;"> Niet </div>

Zamiast A i B wstaw co chcesz :)
07.10.2011, 22:31
#7
(07.10.2011, 20:55)SeLeR napisał(a): Jakieś inne 'profesjonalne' pomysły? ;d
Dodaj link do strony autora, nie ładnie sobie przypisywać czyjeś style.




Użytkownicy przeglądający ten wątek:

1 gości