Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [html] Problem z głównym divem i tłem...
krzywy36
post 14.12.2007, 17:43:32
Post #1





Grupa: Zarejestrowani
Postów: 370
Pomógł: 43
Dołączył: 1.12.2007
Skąd: Kędzierzyn Koźle

Ostrzeżenie: (0%)
-----

Kurde... banalny problem a już się trochę z nim męczę... ;/
Mam głównego diva (container) z ustawioną szerokością na 770px,
w nim są 2 divy jeden z szerokością 200px,
a drugi z szerokością 550px, oba mają ustawione float: let,
więc zostaje jeszcze 20px wolnego po prawej,
teraz gdy ustawiam tło obrazkowe containera z pozycją po prawej stronie to mi się nic nie wyświetla...
z tego co wiem to wysokość containera powinna zależeć od zawartości... a moje 2 divy w jego środku są jakby
"warstwowo" nad nim... jakieś pomysły aby tło wyświetlało się normalnie tz. na całej wysokości...questionmark.gif

PS: wieczorem wstawie kod... ;]


--------------------
pretty as a shit.
Go to the top of the page
+Quote Post
Lion_87
post 14.12.2007, 17:46:28
Post #2





Grupa: Zarejestrowani
Postów: 850
Pomógł: 120
Dołączył: 15.02.2007
Skąd: Łódź

Ostrzeżenie: (10%)
X----

Wstaw kod a potem sie zobaczy:)
Go to the top of the page
+Quote Post
krzywy36
post 14.12.2007, 20:03:20
Post #3





Grupa: Zarejestrowani
Postów: 370
Pomógł: 43
Dołączył: 1.12.2007
Skąd: Kędzierzyn Koźle

Ostrzeżenie: (0%)
-----

Dobra tutaj jest kod: 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5.         <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
  6.         <title>Team</title>
  7.         <link rel="stylesheet" href="style.css" type="text/css" />
  8. </head>
  9. <body>
  10. <div id="container">
  11.        <div id="menubar">
  12.        tekst
  13.                   <img src="firstpartoflogo.jpg" />
  14.                     <div id="menu"></div>
  15.                <img src="nextpartoflogo.jpg" />
  16.                <div id="photo"></div>
  17.                <img src="nextpartoflogo.jpg" />
  18.                <div id="banners"></div>
  19.                <img src="bottompartoflogo.jpg" />
  20.           </div>
  21.           <div id="rightdiv">
  22.                <div id="logo">logo</div>
  23.                <div id="quote">cytat</div>
  24.                <div id="allcontent">
  25.                     <div id="content">główna treść</div>
  26.                </div>
  27.           </div>
  28.           <div id="footer"></div>
  29. </div>
  30. </body>
  31. </html>
[HTML] pobierz, plaintext




Tutaj css:
[HTML] pobierz, plaintext 
  1. div#container
  2. {
  3.     width: 770px;
  4.     margin: 0 auto;
  5.     background-image: url(shadow.png);
  6.     background-repeat: repeat-y;
  7.     background-position: right;
  8. }
  9.  
  10. div#menubar
  11. {
  12.     width: 200px;
  13.     float: left;
  14.     background-color: black;
  15. }
  16.  
  17. div#rightdiv
  18. {
  19.     float: left;
  20.     width: 550px;
  21.     background-color: #ccc;
  22. }
  23.  
  24. div#footer
  25. {
  26.     width: 750px;
  27.     height: 20px;
  28.     background-color: red;
  29.     float: left;
  30. }
[HTML] pobierz, plaintext




Powinno to wyglądać mniej więcej tak:
http://img216.imageshack.us/my.php?image=screenjd0.jpg

jak widać na IE działa ;/ a w firefoxie i operze nie wyświetla cienia po prawej...questionmark.gif


--------------------
pretty as a shit.
Go to the top of the page
+Quote Post
bugme
post 14.12.2007, 20:03:27
Post #4





Grupa: Zablokowani
Postów: 16
Pomógł: 1
Dołączył: 12.09.2006

Ostrzeżenie: (0%)
-----

To wstaw do tego głównego diva trzeci div i daj mu styl "clear: both;"
Go to the top of the page
+Quote Post
krzywy36
post 14.12.2007, 20:11:17
Post #5





Grupa: Zarejestrowani
Postów: 370
Pomógł: 43
Dołączył: 1.12.2007
Skąd: Kędzierzyn Koźle

Ostrzeżenie: (0%)
-----

Ale wstawić go i w niego wsadnić pozostałe, czy wsadzić go takiego pustego??


Edit:
Wstawiłem go pustego i działa :] thx bugme...

A i jakbyś mógł mi wytłumaczyć co daje to (jak to działa) że wstawiłem ten div??

Ten post edytował krzywy36 14.12.2007, 20:15:32


--------------------
pretty as a shit.
Go to the top of the page
+Quote Post
bugme
post 15.12.2007, 00:00:54
Post #6





Grupa: Zablokowani
Postów: 16
Pomógł: 1
Dołączył: 12.09.2006

Ostrzeżenie: (0%)
-----

Nie widziałem wcześniej twojego przykładu. Wystarczy zaaplikować clear:both (zamiast float) do stopki bez tego dodatkowego div-a

A wytłumaczenie z przykładami jest tu http://dashdev.djupet.se/tutorials/float/c...tutorial_1.html
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 14:48
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn