Tack för din hjälp! Tänkte inte på det. Självklart nu i efterhand.
Anyway, har fortsatt att leka vidare.
Har dock ett problem... I min meny jag håller på att tillverka så skiljer det sig en pixel i Explorer och övriga webbläsare (Firefox, Opera, Safari).
Ta en titt på:
http://www.zebramedia.se/kupolium/divutbildning.php
Det ser bra ut i t.ex. Firefox medans menyns grafik ligger 1 pixel för högt upp i övriga.
Varför och hur löser man detta?
CSS-filen:
Kod:
.top {
background-image:url(../image_layout/layout_top.png);
background-repeat:no-repeat;
width:990px;
height:145px;
position:relative;
}
.zebdropdownmenu{
position:absolute;
bottom:0px;
right:30px;
text-align:right;
display:block;
}
.zebmenublock{
background:url(../image_layout/layout_menubuttom.png) repeat-x;
width:120px;
height:60px;
float:right;
}
.zebmenublocktext{
text-align:center;
margin-top:10px;
}
HTML/PHP:
Kod:
<body class="bodybg">
<div align="center">
<div class="top">
<? include('menu.php'); ?>
</div>
<div class="middle"></div>
<div class="bottom"></div>
</div>
</body>
menu.php
Kod:
//KOD SOM HÄMTAR MENYN, PALLAR EJ SKRIVA UT HELA; DET ÄR EN DEL...
<div class="zebdropdownmenu" id="zebdropdownmenu">
<div class="zebmenublock"><p class="zebmenublocktext">//MENY ALTERNATIV 1</p></div>
<div class="zebmenublock"><p class="zebmenublocktext">//MENY ALTERNATIV 2</p></div>
<div class="zebmenublock"><p class="zebmenublocktext">//MENY ALTERNATIV 3</p></div>
//OSV...
</div>
Tror det är den väsentliga biten...