Tack Tnek,
Den "konstiga" meny har jag tagit från nätet och byggt om. Jag tror att jag i ren desperation har ändrat så mycket i dokumentet att jag tappat kontrollen.
Tillbaka till ursprungsproblemet.
Jag har en sida som ligger här:
http://www.aiorema.se/lefa/index.html
Den fungerar ok i de flesta webbläsare, men som ni ser så blir de horizontella menyerna vertikala när man krymper sidan på bredden. Jag förstår inte varför. Det är därför jag försökt mig på min-width och det har ju hjälpt delvis, men då har jag någonstans på vägen fått sidan att bli helt hiskeligt ful i IE. Det häller alltså även de horizontella bilderna på sidan som liksom är designens kärna.
Vore så oerhört tacksam om jag kunde få hjälp med detta. Jag vet att det finns konstigheter i koden och jag tar gärna emot synpunkter. Jag är självlärd och har ingen att fråga eller ens bolla med. Jag är helt beroende av resurser på nätet. Men det är väl de flesta kanske.
CSS-koden är lång, men det här kanske räcker så länge:
.menucontainer
{
padding: 0 px;
background-color: #0F0;
float: right;
text-align: right;
}
.logo
{
padding: 0 px;
background-color: #FFFFFF;
float: left;
}
.mainitems
{
float: left;
padding-top: 75px;
padding-left: 40px;
padding-bottom: 7px;
font-family: verdana, arial, helvetica, serif;
font-size: 10px;
color: #B0B0B0;
text-transform:uppercase;
text-align: right;
letter-spacing: 0px;
border-color: #e68117;
border-width: 5;
background-color: #0F0;
}
#csstopmenu li>ul
{/* non IE browsers */
top: auto;
left: auto;
}
#csstopmenu li:hover ul, li.over ul
{
display: block;
}
html>body #clearmenu{ /* non IE browsers */
height: 5px;
}
#csstopmenu, #csstopmenu ul{
padding: 0;
margin: 0;
list-style: none;
#B0B0B0
}
#csstopmenu li{
float: left;
position: relative;
#B0B0B0
}
#csstopmenu a{
text-decoration: none;
color: #B0B0B0;
}
/* ### BILDGALLERI FÖRSTASIDAN ################################# */
.galleri
{
margin-top: 100px;
margin-left: 30px;
margin-right: 30px;
margin-bottom: 100px;
float:left;
width: 100%;
}
.topicbox_index
{
float: left;
padding: 10px;
margin-top: 0px;
background-color: #e68117;
font-family: verdana, arial, helvetica, serif;
font-size: 9px;
color: #ffffff;
letter-spacing: 0px;
text-transform:uppercase;
border-top: 1px solid #ffffff;
width: 180px;
height: 190px;
}
.img
{
float: left;
display: block;
margin-top: 0px;
border-style: none;
text-align: center;
postion: relative;
}
.img img
{
float= left;
display: block;
margin: 1px;
border-style: none;
}
.img a active a:hover img { border: 0px solid #000000; }
Tack! /Jennie