मैं यहां केले जा रहा हूं, किसी भी तरह से मेरे पृष्ठ में मेरी सभी छवियों के नीचे एक अंतर है, एक मार्जिन जो कोड में नहीं है। यहां तक कि फायरबग इसे भी नहीं देख सकता है लेकिन फ़ायरफ़ॉक्स और सफारी इसे प्रस्तुत कर रहे हैं - बिना सीएसएस के सभी!एचटीएमएल, सीएसएस - चित्रों के नीचे अजीब अदृश्य मार्जिन
इससे पहले कभी मुझे खुश न करें ...!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Paranoid</title>
<link rel="stylesheet" href="includes/style.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="sidebar">
<img src="images/logo.png" id="logo" />
<ul id="menu">
<li class="menu1">Main</li>
<li class="menu1">System</li>
<li class="menu1">View</li>
<li class="menu1">Policy</li>
</ul>
<div id="sidebar_bottom"></div>
</div>
<div id="main_content"></div>
<div class="clear"></div>
</div>
</body>
</html>
body{
background: #497e9f url(../images/bg.png) repeat-x top;
}
#container{
width:864px;
margin: 8px auto 0 auto;
}
#sidebar{
/*width:139px;*/
float: left;
}
#sidebar_bottom{
height:10px;
background: url(../images/sidebar_bottom_bg.png) bottom left no-repeat;
}
#sidebar #logo{
margin-bottom: 2px;
}
#sidebar #menu{
background: #f2f2f2;
border: 0 1px solid #cecece;
margin: 0;
list-style: none;
}
इससे पहले कि आप अपने html शुरू यह एरिक मेयेर के लिए अपने style.css –
खोज करने के लिए reset.css पुस्तकालय में से एक में शामिल करने के लिए बेहतर है reset.css –
कभी कभी यह रूप में this other answer में दिखाया गया है, अपने HTML में खाली स्थान के की वजह से हो सकता है। – Kibbee