Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Problem z marginesami
#1
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ź.
Odpowiedz
#2
Witaj,

A co to za php? Nie masz w plikach php zdefiniowanych jakichś wewnętrznych styli? Tutaj wszystko wygląda ok.

Pozdrawiam.
Odpowiedz
#3
Poszczególne pliki wyglądają jedynie tak:
np. header.php
Kod PHP:
<html>
<
body>
<
div id="header">
   
Logo
</div>
</
body>
</
html
Odpowiedz
#4
Jeśli masz stronę na serwerze to podaj adres.
Odpowiedz
#5
robię na lokalnym.

Mógłbym zrobić marginesy na -20px itp. ale to nie jest jednak rozwiązanie..
Odpowiedz
#6
To wrzuć kod "wykonanej" strony, a nie z inlcudami.
Odpowiedz
#7
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>
Odpowiedz
#8
1. Wywal z includów <html><body></body></html>
2. w style.css zdefiniuj h1 i nadaj margin: 0px;
Odpowiedz
#9
sam krok 1. nie pomógł, a 2 sprawił że zniknęła przerwa pomiędzy div menu a div content1....
Odpowiedz
#10
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.
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  [CSS] Rozciągnięcie tła na dropdown menu wraz z marginesami vayizmir 0 1,728 02-06-2011, 02:38
Ostatni post: vayizmir
  Problem z marginesami (?) w FF3.5 adbacz 4 3,948 29-05-2011, 07:13
Ostatni post: adbacz

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl