Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Stopka nie chce się przesunąć
Forum PHP.pl > Forum > Przedszkole
Xcore
22.06.2009, 10:25:12 
[HTML] pobierz, plaintext 
  1. <div id=middle>
  2.                <div id=LEFTCOL>
  3.                     <div id=MENU2>Menu2</div>
  4.                     <div id=MENU3>Menu2</div>
  5.                     <div id=MENU3>Menu2</div>
  6.                     <div id=MENU3>Menu2</div>
  7.                     <div id=MENU3>Menu2</div>
  8.                     <div id=MENU3>Menu2</div>
  9.                     <div id=MENU3>Menu2</div>
  10.                     <div id=MENU3>Menu2</div>
  11.                     <div id=MENU3>Menu2</div>
  12.                     <div id=REKLAMA>Reklama</div>
  13.                </div>
  14.  
  15.      <div id=TRESC>
  16.           <iframe class="NEWSY" src=newsy.html></iframe>
  17.      </div>
  18.      <div id=INFORMACJE>Info</div>
  19.      <div id=STOPKA>aaa</div>
  20. </div>
[HTML] pobierz, plaintext


Kod
#STOPKA {
    clear: both;
    width: 100$;
    height: 40px;
    margin-top: 40px;
    background-image: url(img/stopka.png);
        border-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-style: solid;

}


No i mamy kłopot, bo strona to taki jeden wielki div. W nim jest nagłówek na górze, i div "middle", gdzie znajduje się po lewej menu, na środku iframe z newsami a z prawej div na jeszcze inne rzeczy które "zamontuje" w przyszłości. Na samym dole mamy stopke. I z nią jest problem, bowiem nie działa ona na margin-top. Jestem w tych rzeczach zielony i nie wiem co mogę jeszcze zrobić by stopka była o te 40 px niżej.
krzysiekk
22.06.2009, 10:42:28
witam

tu chyba ma byc 100% a nie width: 100$; w *.css
Xcore
22.06.2009, 10:45:37
Tak, ale mimo wszystko nie działa :/
krzysiekk
22.06.2009, 10:51:49
moze tak 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <html>
  3.  <head>
  4.   <title> New Document </title>
  5.   <meta name="Generator" content="EditPlus">
  6.   <meta name="Author" content="">
  7.   <meta name="Keywords" content="">
  8.   <meta name="Description" content="">
  9.   <style type="text/css">
  10. div{border:1px solid #333;}
  11. div#middle{
  12. width:100%;
  13. height:100%;
  14. }
  15. #STOPKA {
  16.     width: 100px;
  17.     height: 40px;
  18.     margin: 600px 0 0 0;
  19.     background-image: url(img/stopka.png);
  20.     border: 1px solid #ccc;
  21.  
  22. }
  23. </style>
  24.  
  25.  </head>
  26.  
  27.  <body>
  28.   <div id=middle>
  29. <div id=LEFTCOL>
  30. <div id=MENU2>Menu2</div>
  31. <div id=MENU3>Menu2</div>
  32. <div id=MENU3>Menu2</div>
  33. <div id=MENU3>Menu2</div>
  34. <div id=MENU3>Menu2</div>
  35. <div id=MENU3>Menu2</div>
  36. <div id=MENU3>Menu2</div>
  37. <div id=MENU3>Menu2</div>
  38. <div id=MENU3>Menu2</div>
  39. <div id=REKLAMA>Reklama</div>
  40. </div>
  41.  
  42. <div id=TRESC>
  43. <iframe class="NEWSY" src=newsy.html></iframe>
  44. </div>
  45. <div id=INFORMACJE>Info</div>
  46. <div id=STOPKA>aaa</div>
  47. </div>
  48.  </body>
  49. </html>
[HTML] pobierz, plaintext


nie wiem jakiego masz css-a
piotrooo89
22.06.2009, 10:57:43
pokaż całość (style i htmla) bo u mnie działa.

Cytat
nie wiem jakiego masz css-a

wtf?
Xcore
22.06.2009, 11:00:05
Jest jeszcze gorzej, wszystko się rozjeżdża tongue.gif a CSSa mam najzwyklejszego w świecie tongue.gif

@EDIT

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <!-- kodowanie polskich znaków -->
  5.  <meta http-equiv="Content-type" content="text/html;charset=windows-1250" />
  6. <meta name="Generator" content="Ager Web Edytor" />
  7. <!-- Tu wpisz na jakie słowa ma reagować przegladarka  -->
  8. <meta name="Keywords" content="" />
  9. <!-- Opis strony dla robota internetowego -->
  10. <meta name="Description" content=" " />
  11. <link rel="Stylesheet" type="text/css" href="style2.css" />
  12. <title><!-- Nazwa strony --></title>
  13. </head>
  14. <body>
  15. <div id=all>
  16. <div id=top>
  17.      <div id=NAGLOWEK>Nagłówek strony</div>
  18. </div>
  19. <div id=middle>
  20.                <div id=LEFTCOL>
  21.                     <div id=MENU2>Menu2</div>
  22.                     <div id=MENU3>Menu2</div>
  23.                     <div id=MENU3>Menu2</div>
  24.                     <div id=MENU3>Menu2</div>
  25.                     <div id=MENU3>Menu2</div>
  26.                     <div id=MENU3>Menu2</div>
  27.                     <div id=MENU3>Menu2</div>
  28.                     <div id=MENU3>Menu2</div>
  29.                     <div id=MENU3>Menu2</div>
  30.                     <div id=REKLAMA>Reklama</div>
  31.                </div>
  32.  
  33.      <div id=TRESC>
  34.           <iframe class="NEWSY" src=newsy.html></iframe>
  35.      </div>
  36.      <div id=INFORMACJE>Info</div>
  37.      <div id=STOPKA>aaa</div>
  38. </div>
  39. </body>
  40. </html>
[HTML] pobierz, plaintext


CSSa jest troche dużo więc dam wam link:

www.nextea.yoyo.pl/style2.css
Maxik
22.06.2009, 11:04:05
1. id i inne atrybuty umieszczaj w cudzysłowiach " "
2. id musi byc unikalne, więc to:
[HTML] pobierz, plaintext 
  1. <div id=MENU3>Menu2</div>
  2. <div id=MENU3>Menu2</div>
  3. <div id=MENU3>Menu2</div>
  4. <div id=MENU3>Menu2</div>
  5. <div id=MENU3>Menu2</div>
  6. <div id=MENU3>Menu2</div>
  7. <div id=MENU3>Menu2</div>
  8. <div id=MENU3>Menu2</div>
[HTML] pobierz, plaintext

odpada.
3. Zmień Doctype na 4.01 transitional(dokładny znajdziesz na stronie w3c lub w Google)bo czasem są przez to jaja.
4. Do div#middle dodaj: min-height:500px;
Xcore
22.06.2009, 11:14:28
Wszystko zrobiłem i nie działa :/ Nie wiem tylko jak zmienić to doctype

EDIT:

Aha, skreślone, to wszystko zrobiłem tongue.gif
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.