+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Problem z marginesami (/thread-problem-z-marginesami--5880)
Strony:
1
2
Problem z marginesami - webmasterek - 28-01-2011
Siedzę nad szkieletem strony. I tak mam plik index.php:
Kod PHP:
<html>
<link href="style.css" rel="stylesheet" type="text/css" />
<body>
<?php include("header.php"); ?>
<?php include("menu.php"); ?>
<div id="content1">
<h1>Content</h1>
<p>Tekst</p>
</div>
<?php include("footer.php"); ?>
</body>
</html>
Odpowiednie pliki mam oraz arkusz css:
Kod:
#header {
background-color: #ccc;
height: 100px;
width: 996px;
margin: 0px auto;
padding: 0px;
}
#menu {
background-color: #333;
height: 40px;
width: 996px;
margin: 0px auto;
padding: 0px;
}
#content1{
background-color: #eee;
height: 400px;
width: 996px;
margin: 0px auto;
padding: 0px;
}
#footer {
background-color: #000;
height: 70px;
width: 996px;
margin: 0px auto;
padding: 0px;
}Pomiędzy kązdym divem mam przerwę ok 20 px. Nie wiem skąd ona.. Czy ktoś podpowie co robię nie tak? (w ff i IE jest tak samo).
Będę wdzięczny za podpowiedź.
RE: Problem z marginesami - Ancik - 28-01-2011
Witaj,
A co to za php? Nie masz w plikach php zdefiniowanych jakichś wewnętrznych styli? Tutaj wszystko wygląda ok.
Pozdrawiam.
RE: Problem z marginesami - webmasterek - 28-01-2011
Poszczególne pliki wyglądają jedynie tak:
np. header.php
Kod PHP:
<html>
<body>
<div id="header">
Logo
</div>
</body>
</html>
RE: Problem z marginesami - mateo - 28-01-2011
Jeśli masz stronę na serwerze to podaj adres.
RE: Problem z marginesami - webmasterek - 28-01-2011
robię na lokalnym.
Mógłbym zrobić marginesy na -20px itp. ale to nie jest jednak rozwiązanie..
RE: Problem z marginesami - mateo - 28-01-2011
To wrzuć kod "wykonanej" strony, a nie z inlcudami.
RE: Problem z marginesami - webmasterek - 28-01-2011
no wiec tak to wyglada (jesli o to ci chodzilo):
Kod:
<html>
<link href="style.css" rel="stylesheet" type="text/css" />
<body>
<html>
<body>
<div id="header">
Logo goes in here
</div>
</body>
</html>
<html>
<body>
<div id="menu">
menu here
</div>
</body>
</html><div id="content1">
<h1>Content</h1>
<p>Paragraph in here</p>
</div>
<html>
<body>
<div id="footer">
Footer content goes in here
</div>
</body>
</html>
</body>
</html>RE: Problem z marginesami - mateo - 29-01-2011
1. Wywal z includów <html><body></body></html>
2. w style.css zdefiniuj h1 i nadaj margin: 0px;
RE: Problem z marginesami - webmasterek - 29-01-2011
sam krok 1. nie pomógł, a 2 sprawił że zniknęła przerwa pomiędzy div menu a div content1....
RE: Problem z marginesami - mateo - 29-01-2011
http://sbrothers.pl/projekty/test/
U mnie wszystko działa poprawnie.
Jeśli chcesz mieć przerwę pomiędzy menu a content to zdefiniuj ją w divie a nie w h1.