Forum PHP.pl > [XML][CSS]Zły wygląd w IE6

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [XML][CSS]Zły wygląd w IE6

adrianozo

22.11.2009, 21:42:21

REFRESH

Witam ponownie

Otóż mam problem.
Dodałem tło pod treść a nad i pod tłem takie specjalne ramki. Opera i Firefox przyjmują je dobrze, ale w IE6 górna ramka jest trochę za nisko. Nie wiem dlaczego.
Mógłbym prosić o pomoc?
Z góry dziękuje.

style.css

Kod

body
{
text-align: center;
margin: 0 auto;
}
div#glowny
{
text-align: center;
width: 905px;
margin: 0 auto;
}
div#menu ul, ul li
{
display: block;
list-style: none;
}
div#menu ul
{
width: 850px;
background-color: #fff;
margin: 0 auto;
}
div#menu ul li
{
float: left;
width: 135px;
}
div#menu ul a:link, ul a:visited
{
text-decoration: none;
display: block;
font-weight: bold;
background: #000 url("przycisk.png") repeat-x center;
color: #fff;
padding: 10px 20px;
border-right: 1px solid #fff;
border-right: 1px solid #fff;
}
div#menu ul a:hover
{
background-color: #800;
background-image: url("przycisk2.png");
}
div#logo
{
margin: 0 auto;
height: 132px;
width: 797px;
background-image:url(images/logo.png);
}
div#tresc
{
margin: 0 auto;
margin-top: 45px;
width: 550px;
background-image:url(images/bordbg.png);
}
div#lewa
{
width:250px;
float:left;
}
div#stopka
{
clear: both;
margin: 0 auto;
width: 797px;
}

źródło strony:

[XML] pobierz, plaintext 
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="pl" />
<title>MEDBook Store</title>
<link rel="stylesheet" type="text/css" media="all" href="style.css" />
</head>
<body>
<div id="glowny">
<div id="logo">
</div>
<div id="menu">
<ul>
<li><a href="index.php">Strona główna</a></li>
 
<li><a href="index.php?page=news">Newsy</a></li>
<li><a href="index.php?page=medbooki">MedBooki</a></li>
<li><a href="index.php?page=regulamin">Regulamin</a></li>
<li><a href="index.php?page=onas">O nas</a></li>
<li><a href="index.php?page=kontakt">Kontakt</a></li>
</ul>
</div>
<div id="tresc">
<p></p><img src="images/bordtop.png" alt="" width="550" height="2" />
<table><tr><td width="430px" style="text-align: center;"> <p class="style4 style5 style6">Tytuł</p> </td><td align="left" style="text-align: center;"> <p class="style4 style5" style="font-size: 10px;">Dodano: 2009-11-21 18:45:54</p> </td></tr><tr><td><hr /><p class="style4 style5"  style="text-align: center;">Treść</p><br /><br /><br /><br /></td></tr></table><table><tr><td width="430px" style="text-align: center;"> <p class="style4 style5 style6">a</p> </td><td align="left" style="text-align: center;"> <p class="style4 style5" style="font-size: 10px;">Dodano: 2009-11-08 10:39:53</p> </td></tr><tr><td><hr /><p class="style4 style5"  style="text-align: center;">ąęóąśłżźćń</p><br /><br /><br /><br /></td></tr></table><div style="text-align:center;"><b>1</b><a href="?page=news&subpage=2">2</a><a href="?page=news&subpage=3">3</a><a href="?page=news&subpage=4">4</a> <a href="/PROJEKT/index.php?page=news&subpage=2">Nast?pna strona</a></div><img src="images/bordbot.png" alt="" width="550" height="2" /></div>
 
<div id="lewa">
<br />
<br />
<p>
</p>
</div>
<div id="stopka">
Copyright ? 2009 <a href="http://www.medbookstore.pl" class="powered">MEDBook Store</a>. Wszelkie prawa zastrze?one.<br />Jesteś 1200 gościem na tej stronie.</div>
 
</div>
</body>
</html>
[XML] pobierz, plaintext

link:

http://www.bk-gaming.pl/PROJEKT

Co może być nie tak?

athei

22.11.2009, 23:09:10

Zmniejsz margines dla div#tresc
IE6 ma też problemy z małymi wysokościami, weź te dwa img z height=2, które są w divie tresc w puste divy ze style="font-size:0;".
np. <div style="font-size: 0;"><img src="MEDBook%20Store_files/bordtop.png" alt="" height="2" width="550" /></div>

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.