Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML] html5 podstawy
mrk9109
post
Post #1





Grupa: Zarejestrowani
Postów: 445
Pomógł: 3
Dołączył: 4.06.2010

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

Witam po długiej przerwie z stronami postanowiłem troche znów cos porobić i przy nauce html 5 wyszukałem kilka poradników odnośnie budowy strony i mam pytanko prosty kod i nie wiem dlaczego nie srodkuje mi tresci chociaz mam ustawione margin: 0 auto;
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML>
  2. <html lang="pl">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  6.     <title>Title Strony</title>
  7.     <link rel="stylesheet" href="css/style.css">
  8.     <link rel="stylesheet" href="css/media.css">
  9. </head>
  10. <body>
  11. <div id="container">
  12.         <header>
  13. 		          <img src="images/header.png" alt="ZZRG Chwalowice" />
  14. 		</header>
  15. 		<nav>
  16. 		          haha.gif
  17. 		</nav>
  18. </div>  
  19. </body>
  20. </html>
[HTML] pobierz, plaintext

css3
[CSS] pobierz, plaintext 
  1. * {padding:0;margin:0;}
  2.  
  3. html {width:100%;height:100%;}
  4. body {font-family:Arial, Helvetica, Sans-serif;font-size:14px;line-height:1.5;font-weight:400;color:#00000;background:#dadada;}
  5.  
  6. .container {width:800px;margin:0 auto;overflow: hidden;}
  7.  
  8. header {background:#000000;width:100%;height:400px;}
  9. header img {margin:0 auto;}
[CSS] pobierz, plaintext
Powód edycji: [Kshyhoo]: bb-code
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 4)
Comandeer
post
Post #2





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

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

Bo próbujesz stylować klasę .container a nie id #container. Po prostu zamień w HTML id na class i powinno działać. Co prawda można zmienić selektor w CSS, ale stylowanie po id od bardzo dawna uważane jest za bardzo złą praktykę.


--------------------
★Mój blog || Okiem krytyka★
Go to the top of the page
+Quote Post
mrk9109
post
Post #3





Grupa: Zarejestrowani
Postów: 445
Pomógł: 3
Dołączył: 4.06.2010

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

Nie zauważyłem masz racje , mam jeszcze inne pytanie strona wyswietla mi sie prawidlowo na pc ale juz na telefonie sie rozwala dlaczego ? albo gdy uzyje fontface to wielkosc liter itp na tel mi rozwala strone

Ten post edytował mrk9109 22.03.2016, 22:55:06
Go to the top of the page
+Quote Post
herWALDI
post
Post #4





Grupa: Zarejestrowani
Postów: 41
Pomógł: 1
Dołączył: 14.05.2013

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

Zapewne problem leży po stronie obrazka. Korzystasz z jakiegoś framework'a css? Jeżeli tak to sprawa prosta, jeżeli nie to dodaj do CSS
[CSS] pobierz, plaintext 
  1. img {max-width:100%;height:auto;}
[CSS] pobierz, plaintext


Dodatkowo wpadłem na to, że pewnie masz klasę container na stałe ustawioną, spróbuj tego:
[CSS] pobierz, plaintext 
  1. @media (min-width: 768px) {
  2.   .container {
  3.     width: 750px;
  4.   }
  5. }
  6. @media (min-width: 992px) {
  7.   .container {
  8.     width: 970px;
  9.   }
  10. }
  11. @media (min-width: 1200px) {
  12.   .container {
  13.     width: 1170px;
  14.   }
  15. }
[CSS] pobierz, plaintext


Ten post edytował herWALDI 23.03.2016, 07:50:18
Go to the top of the page
+Quote Post
mrk9109
post
Post #5





Grupa: Zarejestrowani
Postów: 445
Pomógł: 3
Dołączył: 4.06.2010

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

dzięki smile.gif
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · 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: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

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

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