Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]
Forum PHP.pl > Forum > Po stronie przeglądarki
InzaghiX
21.02.2008, 02:01:21
Witam, wszystko szło dobrze do czasu gdy postanowiłem moje pole o wiele wiele wiecej wydłużyć w dół stało się to

niech ktoś mi pomoże bo nie mam pomysłu co i gdzie popsułem ...

Proszę otworzyć sobie tę http://wielkiekino.nazwa.pl/nowa/new.htm strone w przegladarce Ie i FF zobaczymy wtedy jak okno jedno się rozciąga w dół lecz inne za nim nie idzie.



To jest plik html

[HTML] pobierz, plaintext 
  1. <HTML>
  2. <HEAD>
  3.  
  4. <META NAME="Description" CONTENT="[ Opis dokumentu ]" />
  5. <META NAME="Author" CONTENT="[ Autor dokumentu ]" />
  6. <META NAME="Generator" CONTENT="EdHTML" />
  7. <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-2" />
  8. <TITLE>! Wielkie Kino !</TITLE>
  9. <LINK REL="stylesheet" TYPE="text/css" HREF="styles.css">
  10. </HEAD>
  11. <BODY>
  12. <BODY BGCOLOR="#6699CCi">
  13.  
  14. <DIV ID="logo">
  15. dsdasd
  16. </DIV>
  17.  
  18. <DIV ID="strona">
  19.  
  20. <DIV ID="info"> Odwiedziło Nas : &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Osób Online: </DIV>
  21. <DIV ID="naglowek"> JAKAŚ TREŚĆ </DIV>
  22.  
  23. <div id=prawo> MENU </div>
  24.  
  25. <div id=tresc>
  26.  
  27. TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>
  28. TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>
  29. TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>
  30. TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>TRESC<br>
  31.  
  32. </div>
  33. </DIV>
  34. </BODY>
  35. </HTML>
[HTML] pobierz, plaintext



A tutaj plik css....

[HTML] pobierz, plaintext 
  1. body{background-image: url('grafika/tlo2.png');
  2. background-attachment: fixed;
  3. text-align:center;
  4. margin: 5px auto;}
  5.  
  6. #logo{width: 766px;
  7.  
  8. height: 50px;
  9. border: 1px solid white;
  10. margin: 0px auto;}
  11.  
  12. #strona{width: 766px;
  13. height: 100%;
  14. border: 1px solid white;
  15. margin: 5px auto;
  16. background-image: url('grafika/tlo.bmp'); 
  17. background-color:none;}
  18.  
  19. #naglowek {width: 760px;
  20. height: 30px;
  21. border: 0px solid red; 
  22. margin: 0px auto;
  23. font-size: 13px;
  24. font-family: Tahoma;}
  25.  
  26. #info{ width: 750px;
  27. background-image: url('grafika/nagl.bmp'); 
  28. border: 1px solid black;
  29. text-align: left;
  30. margin: 0px auto;
  31. padding: 0px 0px 2px 4px;
  32. font-size: 11px;
  33. font-family: Tahoma;
  34. color: yellow;}
  35.  
  36. #prawo {width: 158px;
  37. margin: 2px 0px 0px 5px;
  38. border: 1px solid red;
  39. float: left;
  40. font-size: 13px;
  41. font-family: Tahoma;}
  42.  
  43. #tresc { width: 588px;
  44. height: 100%;
  45. border: 1px solid black;
  46. margin: 2px 0px 0px 5px;
  47. float: left;
  48. font-size: 11px;
  49. font-family: Tahoma;
  50. color: yellow;}
[HTML] pobierz, plaintext



Mati7
21.02.2008, 08:51:24
<div id="strona"> i <div id="tresc">

dla tych divów w stylach ustawiłeś height:100% - co powoduje że przyjmują one rozmiar okna przeglądarki non i tak pozostaje.
(tak się dziej w ff)

możesz usunąć tą wartość wtedy strona powinna się automatyczne dopasowywać do zawartości
grzesiek_g
21.02.2008, 10:55:06
Przed ostatnim divem daj w pliku html:
[HTML] pobierz, plaintext 
  1. <div class="clear"></div>
[HTML] pobierz, plaintext

w pliku CSS:
[HTML] pobierz, plaintext 
  1. .clear {clear:both;height:0;margin:0;}
[HTML] pobierz, plaintext


Nie masz DOCTYPE, na kod jaki widzę na pewno XHTML nie będzie dobrym wyborem.
punkomuzykant
21.02.2008, 11:15:50
Cytat
Nie masz DOCTYPE, na kod jaki widzę na pewno XHTML nie będzie dobrym wyborem.

a jak już dodasz doctype to znowu wszystko ci się posypie więc zacznij od podstaw a potem rozbuduj schemat strony.
http://www.w3.org/QA/2002/04/valid-dtd-list.html
chyba tak jak grzesiek pisze xhtml raczej nie tylko html 4.01 strict
Zdecyduj się czy piszesz DIV czy div a height nie jest dobrym podejściem.
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.