![]() |
![]() |
![]() ![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 15 Pomógł: 0 Dołączył: 14.02.2010 Skąd: Gdańsk Ostrzeżenie: (0%) ![]() ![]() |
hey.,
Trochę siędzę i się męczę z czymś dość prostym. Mam div tresc, a w tym dive mam div x1 oraz div x2, w tych divach jest wyświetlany teskt - i tu uwaga wysokość jest zależna od ilości tekstu. A teraz problem z div tresc - czemu div x1 i div x2 uciekają z div tresc ![]() ![]() wygląda to tak : ![]() tak to mniej wiecej wyglądać powinno - na obrazku jest bez tereści. - zaznaczone są elemnty wyglądu za jakie są odpowiedzialne napisane divy, ![]() i efekt na drugim obrazku został uzyskany za pomocą height dla div tresc, ale twarde ustawienie w px (wartość auto też nie pomaga) , nie rozwiązuje sprawy bo on musi być zależy od div x1 lub / oraz x2. o to kawałki kodu: Kod #tresc { width:900px; background: url(pasex.png) repeat-y; } #x1 { margin: 0px 5px 0px 25px; padding:5px; width: 190px; float: left; border-style:solid; border-color:#fff #111 #111 #fff; border-width:1px; background-color:#fff; } #x2 { margin: 0px 25px 0px 5px; padding: 5px; width: 626px; float:right; border-style:solid; border-color:#fff #f70 #f70 #eee; border-width:1px; background-color:#fff; color:#110; } a tu jak to wygląda w html który jest php ![]() Kod <div id="tresc"> <div id="x1"> <?php include 'pak1.php'; ?> </div> <div id="x2"> <h4>Ble ble</h4> <?php include 'pak1.php'; ?> </div> </div> <div id="stopka"> </div> |
|
|
![]() |
![]()
Post
#2
|
|
![]() Grupa: Zarejestrowani Postów: 159 Pomógł: 43 Dołączył: 8.03.2009 Ostrzeżenie: (0%) ![]() ![]() |
|
|
|
![]()
Post
#3
|
|
Grupa: Zarejestrowani Postów: 15 Pomógł: 0 Dołączył: 14.02.2010 Skąd: Gdańsk Ostrzeżenie: (0%) ![]() ![]() |
Niestety to nie rozwiązuje sprawy.
Ale dzięki za dobry trop, bo te floady coś mącą. Gdy ich nie ma dla x1 oraz x2 to jest ok. ale wtedy znajdują się one pod sobą a nie obok siebie. Tu na obazku jest x1 bez fload a x2 z float:right;. W jaki sposób ustawić te dwa divy obok omijając fload który powoduje wyskoczenie ich z ram ich głównego divu ![]() ![]() |
|
|
![]()
Post
#4
|
|
![]() Grupa: Zarejestrowani Postów: 4 655 Pomógł: 556 Dołączył: 17.03.2009 Skąd: Katowice Ostrzeżenie: (0%) ![]() ![]() |
float: left - w obu dajesz tak, ja bym dodał jeszcze display: block, jeżeli to nie podziała spróbuj zmniejszyć marginesy.
-------------------- Zainteresowania: C#, PHP, JS, SQL, AJAX, XML, C dla AVR
Chętnie pomogę, lecz zanim napiszesz: Wujek Google , Manual PHP |
|
|
![]()
Post
#5
|
|
Grupa: Zarejestrowani Postów: 169 Pomógł: 12 Dołączył: 16.09.2009 Ostrzeżenie: (0%) ![]() ![]() |
tresc html Ten post edytował cniak 2.11.2010, 10:11:30 |
|
|
![]()
Post
#6
|
|
Grupa: Zarejestrowani Postów: 15 Pomógł: 0 Dołączył: 14.02.2010 Skąd: Gdańsk Ostrzeżenie: (0%) ![]() ![]() |
Próbowałem tego co napisaliście, i różnych kombinacji niestety nic nie przynosi dobrego efektu. Co do marginesów i wielkości to są ok.
float powoduje psucie, się ciałego wygląu position - ustawienia tego nic nie dają. bez float nie daje się tego ustawić. ![]() ![]() i ten x2 powinienien być na równo z x1 a nie pod nim. Ten post edytował orange_91 2.11.2010, 14:33:31 |
|
|
![]()
Post
#7
|
|
Grupa: Zarejestrowani Postów: 169 Pomógł: 12 Dołączył: 16.09.2009 Ostrzeżenie: (0%) ![]() ![]() |
mi działa, zapraszam tutaj, lub z wytłumaczeniem tutaj.
Masz może poprostu takie coś: div tekst = 900 px div lewy = 300 px div prawy = 600 px Niby wszystko pasuje, ale jeszcze musisz pamietac, ze marginesy, paddingi, obramowania to tez dodatkowe piksele ktore trzeba skalkulowac ![]() Ten post edytował cniak 2.11.2010, 14:49:23 |
|
|
![]() ![]() |
![]() |
Wersja Lo-Fi | Aktualny czas: 30.07.2025 - 18:14 |