ugrás a tartalomhoz

IE rosszul kezeli a margin-t

Anonymous · 2006. Jan. 18. (Sze), 11.11
Sziasztok!

Van egy ilyenem:

<!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>

<title>Home</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
<meta name="author" content="Johnny" />
<meta name="robots" content="all" />
<meta name="description" content="" />
<meta name="keywords" content="" />

<style type="text/css" media="all">
	@import "style/layout.css";
</style>
</head>

<body>
	<div id="wrapper">
		<div id="header">
		<div id="nav"></div>
		</div>
	</div>
</body>
</html>
Hozzá a CSS pedig:

*
{
	margin: 0;
	padding: 0;
}

a:link
{
	color: #3C78B5;
}

a:visited
{
	color: #9F65B2;
}

a:hover
{
	text-decoration: none;
}

body
{
	background: #ccc;
	color: #4C4C4C;
	line-height: 1.4em;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 85%;
	text-align: center;
}


#wrapper
{
	width: 780px;
	height: 100%;
	margin: 0 auto;
	text-align:left;
}


/* --- Header layout --- */

#header 
{
	width: 780px;
	height: 200px;
	background: #fff url(images/header.gif) no-repeat bottom left;
}

#nav
{
	float: left;
	width: 200px;
	height: 160px;
	margin: 0px;
	margin-left: 30px;
	margin-top: 40px;
	background-color: #666;
}
A gondom a következő: firefox-ban jól jeleníti meg az oldalt, viszont ie-ben a margo joval arrébb kerül. Mi lehet a hiba?
‹ Fix méretű div aljára pozícionálás input text-ek hozzáadása frissítés nélkül ›
 ■
1

dupla margó?

Anonymous · 2006. Jan. 18. (Sze), 11.22
van egy olyan hiba ie-ben, hogy a floatolt divek bal margóját megduplázza. bővebben olvashatsz erről: http://www.positioniseverything.net/explorer/doubled-margin.html
ott megoldásként azt írják, hogy a divhez írjunk még egy display: inline-t is, nálad ez:

#nav
{
    float: left;
    width: 200px;
    height: 160px;
    margin: 0px;
    margin-left: 30px;
    margin-top: 40px;
    background-color: #666;
    display: inline; /* ez a trükk */
}
ha másban viszont zavar, akkor rakhatod ie conditional commentbe is.

gex
2

Köszönöm, így műxik

Anonymous · 2006. Jan. 18. (Sze), 11.26
Köszi szépen, ez a megoldás!
3

Következő probléma

Anonymous · 2006. Jan. 18. (Sze), 11.41
A következő gondom az lenne, hogy adott egy div, amelynek az aljára kéne igazítanom egy másikat, amelyben a menu lesz. Erre valami ötlet?
4

nincs köze a marginhoz

Hojtsy Gábor · 2006. Jan. 18. (Sze), 11.52
Ennek nincs köze a marginhoz, más téma.