Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML]Html5 i CSS3
mrk9109
post
Post #1





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

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

Witam po 7 letniej przerwy wracam do stron poniewaz potrzebuje zrobic dla pracy swoja strone czytalem duzo o html5 i css3 i mam pytanie dlaczego zawartosc ponizej header mi sie nie wyswietla ?
Html:
http://wklej.org/id/1930131/
Css:
http://wklej.org/id/1930132/
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
freewalker
post
Post #2





Grupa: Zarejestrowani
Postów: 90
Pomógł: 4
Dołączył: 14.02.2015

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

tak jak poprzednik napisał, dałeś header na 100% i następne elementy są zasłaniane, chcesz menu na całą szerokość strony to daj tylko width:100%, height ustaw sobie np na 5% i reszta po header będzie już na swoim miejscu (tylko powinieneś dać margin-top:10% dla pierwszego elementu po header, żeby dobrze się ułożyło, bo fixed traktowane jest jak absolute i nie wpływa na pozycjonowanie reszty elementów).

Poza tym również wspomniane DOCTYPE, tu masz poprawną składnię HTML5:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html lang="pl-PL">
  3. 	<head>
  4. 		<title>Tytuł</title>
  5. 		<meta charset="utf-8">
  6. 		<meta name="description" content="opis">
  7. 		<link rel="icon" href="..." type="image/x-icon">
  8. 		<!-- [if lt IE 9]>
  9. 		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
  10. 		<![endif-->]
  11. 	</head>
  12. 	<body>
  13. 		<header>
  14. 			nagłówek
  15. 			<nav>
  16.                              nawigacja menu
  17. 			</nav>
  18. 		</header>
  19. 		<main>główna treść</main>
  20. 		<aside>boczna treść, jeśli potrzebna</aside>
  21. 		<footer>stopa</footer>	
  22. 	</body>
  23. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- mrk9109   [CSS][HTML]Html5 i CSS3   5.02.2016, 14:48:20
- - Olsz4k   Strzelam na złą ścieżkę do obrazka - sprawdź ją. P...   5.02.2016, 15:10:35
- - mrk9109   Ścieżki sa dobre mi chodzi o zawartość nav i main ...   5.02.2016, 15:46:50
- - Comandeer   No przecież rozciągnąłeś header na całą stronę...   5.02.2016, 16:10:15
- - koodo218   Używasz elementów HTML5, a stosujesz stary !DO...   5.02.2016, 16:13:29
- - mrk9109   tak rozciagam header i jest obrazek ale pod dołem ...   5.02.2016, 16:42:16
- - pietrov8   A dlaczego dałeś position: fixed? To zasłania Ci c...   5.02.2016, 18:05:07
- - mrk9109   Może powiem o co mi chodzi chce by Header było dop...   5.02.2016, 18:46:50
- - freewalker   tak jak poprzednik napisał, dałeś header na 100% i...   5.02.2016, 19:29:32
- - mrk9109   Dalej nie ma menu pod headerem i mam stala height ...   5.02.2016, 19:40: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: 14.10.2025 - 01:56
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn