Gleiches CSS/HTML anderes Ergebnis?

ich eine HTML-Datei, wo ich immer den gleichen Header verwenden (ich es am Anfang jeder Seite enthalten) Ich verwenden CSS diesen Header stylen ...Gleiches CSS/HTML anderes Ergebnis?

Der gesamte Körper auf keinen Raum hat, das ist gut. Jetzt habe ich Platz oben auf der Seite in der index.php und keinen Platz oben in der contact.php, obwohl es die gleichen Header und genau die gleiche CSS-Datei verknüpft Code hier eingeben. ..

Wie kann das sein?

(sorry für das schlechte Codebeispiel, aber die Website ist zu komplex, es zu zeigen ...)

.body{ 
 
\t margin: 0 auto; 
 
\t width:70%; 
 
\t clear: both; 
 
} 
 
.mainHeader img{ 
 
\t width: 50%; 
 
\t height: auto; 
 
\t margin-top:0px; 
 
\t margin-bottom:20px; 
 
\t display: block; 
 
\t margin-right:auto; 
 
\t margin-left:auto; 
 
}

//index file 
 
<?php 
 
include 'includes/overall/header.php'; 
 
?> 
 

 
//contact file 
 
<?php 
 
include 'includes/overall/header.php'; 
 
?> 
 

 
//header file 
 
<html> 
 
<head> 
 
    <title>Website Title</title> 
 
    <meta charset="UTF-8" > 
 
\t <link rel="stylesheet" href="css/style.css"/> 
 
\t <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
 
</head> 
 

 
<body class="body"> 
 
<header class="mainHeader"> 
 
\t <img src="logo.png"></img> 
 
<nav> 
 
\t <ul> 
 
\t \t <li class="#"><a href="index.php">home</a></li> 
 
\t  <li class="#"><a href="contact.php">contact</a></li> 
 
\t </ul> 
 
</nav> 
 
</header> 
 
</body> 
 
</html>

Quelle

2016-12-01 Marius

Unmöglich zu sagen, ohne auf die eigentlichen Quelldateien zu schauen. Schauen Sie in der Entwicklerkonsole in welchem Browser Sie auch suchen, schauen Sie sich die angewendeten Paddings und Ränder an und die zugehörigen Styles. Irgendwo gibt es etwas anderes. – junkfoodjunkie

Befreien Sie sich von '', Image-Tags werden nicht geschlossen. – tomaroo

Tut mir leid, ich bin kein PHP-Typ, aber es scheint seltsam, dass Ihr Header include 'html',' head' und 'body' Tags enthält. Ich dachte, dass includes Teilansichten sein sollten. Vermeiden Sie auch Tunnelblick ... das Problem liegt möglicherweise nicht bei der Header-Datei oder dem Header-CSS, sondern könnte das Markup auf der index.php-Seite sein (wie ein streunender Charakter oder ein ungültiges Markup) oder mit diesen Seiten-Stilen . – zgood

Solange wir nicht alle von dem Code sehen die mitgelieferten php-dateien können wir nur raten. Wenn Sie über CSS sprechen, können Sie versuchen, eine "CSS zurücksetzen" -Datei in Ihrem Projekt zu verwenden. Reset CSS ist ein CSS-Code, der alle Ränder, Paddings usw. für die Elemente auf Ihrer Seite löscht. Sie könnten einen Blick hier http://cssreset.com/scripts/eric-meyer-reset-css/

Und der Code ist hier:

/* http://meyerweb.com/eric/tools/css/reset/ 
    v2.0 | 20110126 
    License: none (public domain) 
*/ 

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, 
time, mark, audio, video { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline; 
} 
/* HTML5 display-role reset for older browsers */ 
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { 
    display: block; 
} 
body { 
    line-height: 1; 
} 
ol, ul { 
    list-style: none; 
} 
blockquote, q { 
    quotes: none; 
} 
blockquote:before, blockquote:after, 
q:before, q:after { 
    content: ''; 
    content: none; 
} 
table { 
    border-collapse: collapse; 
    border-spacing: 0; 
}

So ist es vielleicht einen Versuch geben und sehen, wie es geht.

Quelle

2016-12-01 21:46:01 dragos

Danke für die schnelle Antwort, aber es hilft mir nicht viel ... Ich habe festgestellt, dass das Problem ist, dass Chrome ein User Agent sylesheet auf meinem Körper ... Es ist verdrahtet, dass es nur auf einigen ist Seiten ... haben Sie eine Idee, wie Sie das Stylesheet des User Agents im Body delegieren können? Danke ... Marius – Marius

Gleiches CSS/HTML anderes Ergebnis?

Antwort

Verwandte Themen