Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] DIV Width 100% a scroll
Forum PHP.pl > Forum > Przedszkole
-Janek-
Witam !

Pilnie potrzebuje pomocy, męczę się z tym cały dzień :/

http://studio-plamka.pl/sendx/

  1. <div id="contain_top_bg"></div>
  2. <div id="contain_bg">
  3. <div id="contain_text">
  4. <div id="contain_item">
  5. <h1>Autoresponder</h1><br />
  6. Autoresponder w wolnym tłumaczeniu to po prostu e-mailowa automatyczna sekretarka. Jest podstawowym narzędziem e-biznesowym. Po wysłaniu listu na adres e-mail, wysyła nadawcy wcześniej przygotowaną wiadomość zwrotną.
  7. </div>
  8.  
  9.  
  10. <div id="zaufali">
  11. <h1>Zaufali nam:</h1>
  12. <center><img src="images/zaufali.jpg" /></center>
  13. </div>
  14. </div>
  15. </div>
  16. <div id="contain_bottom_bg"></div>


  1. #contain_bg{
  2. float:left;
  3. width:100%;
  4. background-image:url(images/sendx_15.jpg);
  5. background-repeat:repeat-x;
  6. background-color:#dee3e8;
  7. }
  8.  
  9. #contain_text{
  10. width:960px;
  11. margin: 0 auto;
  12. }


Gdy chcę wpisać jakiś tekst w divach w #contain_bg to tło mi znika, domyślam się, że muszę dać float:left; aczkolwiek gdy to dodam w FF (zadnej innej) pojawia mi się scroll poziomy :/ Ma ktoś jakiś pomysł ?
kokers
gdzie znika? widzę że jest jakiś gradient w tle 4 kontenerów z repeat-x.

ps. jeśli w ramach jednej strony masz kilka kontenerów co mają takie samo id jak to jest przy "contain_item" to powinieneś to zmienić na klasę a nie id...
-Janek-
Ok zmieniłem na class ale nie pomogło, chodzi o to, że jeśli z #contain_bg usunę float:left to wygląda to tak: http://studio-plamka.pl/sendx/ a jeśli zostawie to gradient na tło sie pojawia ale z nim również scroll horyzontalny, którego nie wiem jak się pozbyć o tak: http://zapodaj.net/753f2f50477f.jpg.html
kokers
heh. poniższe w body powoduje tego scrolla.
text-shadow:1px 1px #111B40


a odnośnie class to była uwaga czysto techniczna. Zrozumiesz jak z JS zaczniesz pracować i będziesz musiał mieć unikalne id.
-Janek-
Faktycznie ! biggrin.gif Dzięki wielkie, cały dzień się okombinowałem.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.