+- 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: porblem z margin IE7 (/thread-porblem-z-margin-ie7)
porblem z margin IE7 - jingels - 19-04-2011
Witam. Dlaczego tło diva #menu w IE7 jest wyswietlane w pozycji top:0 left:0 bez uwzglednienia marginesu lewego 2px i górnego 2 px. Tlo w ie7 pokazuje sie w lewym gornym narozniku diva #content, przykleja sie do obramowania. Bez obramowania dziala prawidlowo we wszystkich przegladarkach-uwzglednia marginesy. Co powinienem zmienic?
[code]
<div id="content">
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Get a Loan!</a></li>
<li><a href="#">How It Works </a></li>
<li><a href="#">Mortgage Tools</a></li>
<li><a href="#">About Us</a></li>
<li class="last-child"><a href="#">Contacts</a></li>
</ul>
</div>
---------------------
* {margin: 0; padding: 0;}
#content { border: 1px solid #c0c0c0;}
#content ul#menu { list-style: none;
overflow: hidden;
width: 682px;
height: 46px;
background: url(../images/menu-tlo.png)
top left no-repeat;
margin: 2px 0 1px 2px;}
RE: porblem z margin IE7 - Kartofelek - 20-04-2011
czy nagłówek strony jest poprawny?
RE: porblem z margin IE7 - jingels - 21-04-2011
Tak naglowek jest poprawny.
RE: porblem z margin IE7 - Kartofelek - 21-04-2011
pokaz
RE: porblem z margin IE7 - jingels - 21-04-2011
Kod:
<!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">
<head>
<title>Przykładowy tytuł</title>
<meta name="description" content="przykładowy opis" />
<meta name="keywords" content="słowa kluczowe" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="pl" />
<link rel="stylesheet" href="css/screen.css" media="screen" type="text/css" />
</head>