• › Witaj Gościu
  • Jesteś niezalogowany (
  • Zaloguj 
  •  lub  

Logo


Strefa czasowa: UTC + 1




Utwórz nowy wątek Odpowiedz w wątku  [ Posty: 4 ] 
Autor Wiadomość
 Tytuł: [html, css] Ustawienia divów.
PostNapisane: So wrz 25, 2010 5:33 pm 
Offline

Dołączył(a): Wt wrz 21, 2010 7:56 pm
Posty: 6
Witam, męczę się z tym i męczę...
I nic mi nie wychodzi...

Mam taki problem - chciałbym aby moja strona wyglądała tak:
Obrazek

wszystko ok, kod zrobiłem w ten sposób:

Kod:
#left {
    float:left;
    width:208px;
    height: auto;
    background: url(images/l1.png) no-repeat;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 20px;
}

#right {
    width:620px;     
    height: auto;
    float:right;
    font-size: 12px;
    padding:0px 30px 10px 0px;
}


Kod w htm wygląda następująco:
Kod:
<div id="main">
<div id="left">
</div>
<img src="images/hr.gif" height="643">
<div id="right">
</div>
</div>


hr.gif - to to czarna linia (pionowa) na obrazku (1px)

Wszystko działa, ale gdy napisze więcej tekstu w prawym divie wszytko się rozjeżdża:

Obrazek

niby mam atrybuty ustawione na height: auto; ale niestety nie działa...

Chciałbym, aby wyglądało to tak:

Obrazek


DRUGA SPRAWA:

W przeglądarkach typu firefox, chrom, opera działa tak jak na obrazku [ LINK ], ale po włączeniu strony na szkolnym komputerze (Internet Explorer) układ strony wygląda tak:

Tekst zaczyna się dopiero po obrazku hr.gif ;/

Obrazek

Może troszeczkę namieszałem, ale liczę bardzo na Waszą pomoc.
Z góry dziękuję.

Pozdrawiam,
Paweł B.


Góra
 Zobacz profil Wyślij e-mail  
 
 Tytuł: Re: [html, css] Ustawienia divów.
PostNapisane: N wrz 26, 2010 8:09 am 
Offline
Nowy
Nowy

Dołączył(a): Pn lis 16, 2009 9:33 am
Posty: 34
obu tym divom daj atrybut overflow:hidden; wtedy text bedzie na swoim miejscu i same beda sie dostosowywac do ilosci tresci.

Ale za pomoca css i html nie uzyskasz efektu aby te 2 divy byly sobie rowne wysokoscia (o ile chesz zachwowac kolorystyke przedstawiona na obrazku).
Aby to uzyskac musisz posluzyc sie JS.

Jesli nie samo overflow:hidden; rozwiaze problem


Góra
 Zobacz profil Wyślij e-mail  
 
 Tytuł: Re: [html, css] Ustawienia divów.
PostNapisane: N wrz 26, 2010 2:36 pm 
Offline

Dołączył(a): Wt wrz 21, 2010 7:56 pm
Posty: 6
http://ryszardbrzycki.pl/rb/ - zobacz jak to wygląda.

Obrazek hr.gif, który jest koło tego border-left chciałbym mieć jako ten border a nie czarna linie...
i ta stopka... się rozwala

Nie mam pojęcia jak to zrobić... :(


Góra
 Zobacz profil Wyślij e-mail  
 
 Tytuł: Re: [html, css] Ustawienia divów.
PostNapisane: Pn paź 04, 2010 5:13 pm 
Offline
Nowy
Nowy
Avatar użytkownika

Dołączył(a): Śr wrz 23, 2009 9:02 am
Posty: 70
najprościej by chyba było dać border na prawy bok lewego diva. Btv ważna sprawa to czyszczenie floatów po ostatnim elemencie w grupie który tego używa.

Co do twojego problemu zapomniałeś dodać, że wcześniej miałeś ustaloną wysokość dla obu divów, no to nic dziwnego, że ci tekst wyłaził. Poco podajesz wysokość jak div ma ci się rozciągać? To height: auto usuń, i żadnego overflow nie dodawaj. Div się rozciąga żeby pomieścić treść domyślnie(jak nie ma podanych rozmiarów).

A jak chcesz mieć coś więcej niż kreskę, czyli w jednej kolumnie więcej zawartości, a rozciągają się obie i mają równą wysokość, to knight-rider nie ma racji. Rozwiązaniem jest faux columns.


Góra
 Zobacz profil Wyślij e-mail  
 
Wyświetl posty nie starsze niż:  Sortuj wg  
Utwórz nowy wątek Odpowiedz w wątku  [ Posty: 4 ] 

Strefa czasowa: UTC + 1


Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 1 gość


Nie możesz rozpoczynać nowych wątków
Nie możesz odpowiadać w wątkach
Nie możesz edytować swoich postów
Nie możesz usuwać swoich postów

Szukaj:
Skocz do:  
cron

Polecamy












Powered by phpBB
Przyjazne użytkownikom polskie wsparcie phpBB3 - phpBB3.PL
Not able to open ./cache/data_global.php