Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS], Problem z wypozycjonowaniem.
InzaghiX
post 21.02.2008, 02:01:21
Post #1





Grupa: Zarejestrowani
Postów: 24
Pomógł: 0
Dołączył: 20.01.2008

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

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





Ten post edytował InzaghiX 21.02.2008, 08:47:28
Go to the top of the page
+Quote Post
Mati7
post 21.02.2008, 08:51:24
Post #2





Grupa: Zarejestrowani
Postów: 25
Pomógł: 3
Dołączył: 27.07.2007
Skąd: Lublin

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

<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


--------------------
Website: mdabrowski.net
Zend_Framework, Zend_Cache, Ajax w JQuery
Go to the top of the page
+Quote Post
grzesiek_g
post 21.02.2008, 10:55:06
Post #3





Grupa: Zarejestrowani
Postów: 249
Pomógł: 30
Dołączył: 18.07.2007

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

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.


--------------------
Warsztat: Ubuntu 12.10, PHPStorm
http://vertoo.pl
Go to the top of the page
+Quote Post
punkomuzykant
post 21.02.2008, 11:15:50
Post #4





Grupa: Zarejestrowani
Postów: 147
Pomógł: 3
Dołączył: 28.12.2007
Skąd: toronto

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

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.
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · 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: 27.06.2025 - 20:43
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn