Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML/CSS] Marginesy w IE pomiędzy divami
Forum PHP.pl > Forum > Przedszkole
wujek_bogdan
witam wszystkich.

od kilku dni walcze z nieprawidłowym wyświetlaniem strony w IE.

to moj pierwszy ukończony projekt: http://213.134.173.145/krynica/

o ile tutaj margines (widoczny w IE) pomiędzy menu a banerem raczej nie szpeci, tak w kolejnym projekcie jest już nie do przyjęcia:

szukałem w internecie informacji na ten temat. znalazłem ten, artykuł. niestety nie rozwiązuje to mojego problemu.

podejrzewam, że to jakaś banalna sprawa.

z góry dzięki za pomoc.
PawelC
Jeżeli Ci chodzi o to aby ten dolny kawałek pizzy podnieść bliżej tego co masz na górze to daj parametr:
  1. margin-top:- ilosc px;

To ci podniesie tego diva do góry, i ustaw sobie tak w miare
wujek_bogdan
pewnie, że podniesie, ale strona wyświetla się źle tylko w IE, więc jeśli podniose tego diva, to strona będzie się wyświetlać dobrze w IE, ale za to w Operze, FF, Konquerorze, Safari itd będzie wyglądać paskudnie.

//edit:
tak żeby było łatwiej wyciąłem tylko ten fragment strony, z którym mam problem. jest TUTAJ

Kod
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<DIV>
<head>
<LINK REL="stylesheet" HREF="style.css" TYPE="text/css">
</head>

<BODY>

<DIV id="kontener">

<div id="top">
<img src="img/banner/banner_top.png" alt="Pizza Marzenie">
</div>


<div id="middle">

<span style="float:left;">
<img src="img/banner/1.png" alt="pizza">
</span>
<span style="float:left;">
<img src="img/banner/2.png" alt="pizza">
</span>
<span style="float:left;">
<img src="img/banner/3.png" alt="pizza">
</span>
<span style="float:left;">
<img src="img/banner/4.png" alt="pizza">
</span>
<span style="float:left;">
<img src="img/banner/5.png" alt="pizza">
</span>
<span style="float:left;">
<img src="img/banner/6.png" alt="pizza">
</span>

</div>

<div id="bottom">
<img src="img/banner/banner_bottom.png" alt="pizza banner bottom">
</div>

</DIV>

</html>


Kod
body{
text-align: center;
}

#kontener{
text-align: left;
margin-left: auto;
margin-right: auto;
width: 900px;
}

#top {
width: 900px;
}

#middle {
width: 900px;
}

#bottom {
width: 900px;
}
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.