http://www.endryu.yoyo.pl
Szukałem na googlach itp (po to ludzie to wymyślili) żeby nikt nie gadał, i nie znalazłem rozwiązania więć znów zwracam się tutaj:)
Mam obrazek (a taki se dałem notatkowy - później i tak wlepię na design graficzny coś innego, ale chodzi o samą ideę) koło nagłówka - ta notatka. W firefoxie wygląda ok, w IE brak notatki:[ Div z ta notatka (id="stick") jest "w" divie nagłówka (id="head"). W kodzie wygląda to tak:
HTML
<!-- coś tam -->
<body xml:lang="pl" onload="load(); initLightbox()" onunload="GUnload()">
<div style="text-align: center;">
<div id="container">
<b class="rtop">
<b class="r1"></b>
<b class="r2"></b>
<b class="r3"></b>
<b class="r4"></b>
</b>
<div id="page">
<div id="head">
<div id="stick">
</div>
</div>
<div id="document">
<div class="menu_head">
MAIN
</div>
<!-- i inne takie tam -->
CSS
{...}
div#head
{
background-image: url(files/main_pict.jpg);
background-repeat: no-repeat;
border: 0px;
width: 100%;
height: 200px;
vertical-align: top;
overflow: hidden;
z-index: 1;
}
{...}
div#stick
{
text-align: left;
background-image: url('files/stick.jpg');
background-repeat: no-repeat;
border: 0px;
width: 150px;
height: 150px;
overflow: hidden;
position: absolute;
margin-top: 25px;
margin-left: 768px;
z-index: 2;
}
{...}
Co tu do jasnej ciasnej nie pasuje że IE nie trybi absolute...? Jak dam relative to notatka jest widoczna ale widoczność tego obrazka "zamyka" się wraz z granicą nagłówka. Z-indexy tez nie pomagają... A takie coś mi raczej się przyda też na później bo mam zamiar design zrobić z jakąś ramką czy czymś takim, wokół całego ciała strony...) Dla uwagi - stosuje margin zamiast position bo margin jest liczony od poczatku pozycji naglowka (logo strony) i przy zmianie rozdzielczosci ekranu nie ma to wplywu na polozenie tej "żółtej notatki". Position ustawia pozycje od poczatku ekranu i zmiana rozdzielczosci daje zmiane polozenia tej "notatki" (MAM RACJĘ ?? :D )