Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML]Niepełny CSS
-Nighthanter-
post
Post #1





Goście
Dopiero uczę się tworzenia stron, znalazłem masę poradników na necie, ale zawsze coś nie tak.

Mój xhtml wygląda tak:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
  4. <head>
  5. 	<link rel="Shortcut icon" href="obrazki/ikonka.png" /><!-- Ustawia miniaturkę ikony strony. -->
  6. 	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><!-- Ustawia kodowanie na polskie znaki. -->
  7. 	<meta name="Description" content="Wizualizacja procesu technologicznego" /><!-- Opis strony widoczny w wyszukiwarkach. -->
  8. 	<meta name="Keywords" content="wizualizacja, proces, technologiczny, S7-1200" /><!-- Słowa kluczowe po których będą szukały wyszukiwarki. -->
  9. 	<title>Wizualizacja</title><!-- Tytuł strony widoczny na górnej belce przeglądarki. -->
  10. 	<link rel="stylesheet" href="styl.css" type="text/css" /><!-- Zaczytanie arkusza stylów. -->
  11. </head>
  12.  
  13. <body>
  14. <?php include("skrypt.php"); ?>
  15.  
  16. <div id="strona">
  17. 	<div id="baner" style="border: 3px solid FFB301;"><img src="obrazki/baner.png" alt="Baner strony" /></div>
  18. 	<div id="stan_pracy" style="border: 3px solid FFB301; width: 300px; height: 400px;"></div>
  19. 	<div id="zbiornik"></div>
  20. 	<div id="sterowanie"></div>
  21. </div>
  22.  
  23. </body>
  24. </html>
[HTML] pobierz, plaintext


A CSS tak:
[HTML] pobierz, plaintext 
  1. @charset "UTF-8";
  2. body {
  3. 	margin: 0px 0px 0px 0px;
  4. 	cursor: url(obrazki/kursor.ani), url(obrazki/kursor.cur), default;
  5. }
  6.  
  7. #strona {
  8. 		width: 800px; 
  9. 		margin: 0 auto; 
  10. 		padding: 10px; 
  11. 		background-color: blue; 
  12. }
  13.  
  14. #baner {
  15. 		width: 806px;
  16. 		height: 106px;
  17. 		overflow: hidden;
  18. 		border: 3px solid FFB301;
  19. }
  20.  
  21. #stan_pracy {
  22. 		width: 250px;
  23. 		height: 400px;
  24. 		border: 3px solid FFB301;
  25. 		padding:0px;
  26. 		margin-top: 10px;
  27. 		float: left; 
  28.  
  29. }
  30.  
  31. #zbiornik {
  32. 		width: 250px;
  33. 		height: 400px;
  34. 		border: 3px solid FFB301;
  35. 		margin-top: 10px;
  36. 		padding:10px;	
  37. }
  38. #sterowanie {
  39. 		width: 250px;
  40. 		height: 400px;
  41. 		border: 3px solid FFB301;
  42. 		margin-top: 10px;
  43. 		padding:10px;
  44. 		float: right; 
  45.  
  46. }
[HTML] pobierz, plaintext

Stronka do zobaczenia.
Niestety na zmianie koloru tła na niebieski działanie CSSa kończy się, dalej ma wszystko gdzieś. Jak widać próbowałem nawet lokalnie obramować divy z zerowym rezultatem. Sprawdzane na IE8, Firefox 4 i najnowszym Chromie. Co ciekawe, po usunięciu linijki z deklaracją typu dokumentu "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">" CSS zaczyna działać, przynajmniej na IE i Chromie, na Firefoxie jak go nie było, tak nie ma.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
-Nighthanter-
post
Post #2





Goście
Jak napisałem, jedyne, co robi CSS, to koloruje mi tło pierwszego diva na niebiesko i tyle, a reszta CSSa? Teraz strona u mnie i u kolegi wygląda tak:
(IMG:http://images50.fotosik.pl/792/1541798210e896d4m.jpg)
a powinna wyglądać (przynajmniej w założeniach) tak:
(IMG:http://images39.fotosik.pl/785/986d170b1078e37em.jpg)
W tym jest właśnie problem. chyba, że tobie pokazują się te obramowania.

Nie wiem tylko, dlaczego ten trzeci div jest pod spodem, teoretycznie powinien się zmieścić obok pozostałych dwóch.
Go to the top of the page
+Quote Post

Posty w temacie
- Nighthanter   [CSS][HTML]Niepełny CSS   9.04.2011, 19:25:08
- - Magic WWW   Hmm nie wiem może głupie pytanie, ale w czym probl...   9.04.2011, 20:57:00
- - Nighthanter   Jak napisałem, jedyne, co robi CSS, to koloruje mi...   9.04.2011, 21:56:23
- - krzywy36   kolorów nie podaje się tak: FFB301, tylko tak: #FF...   9.04.2011, 22:05:58
- - nekomata   W operze od dawna jest wbudowany "firebug...   9.04.2011, 22:26:40
- - Nighthanter   No więc tak, problemem rzeczywiście był brak # prz...   10.04.2011, 07:26:43

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 13.10.2025 - 17:43
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn