Jeg har rodet lidt med mit design og har fået min side til at se ens ud i de forskellige opløsninger.
Mit problem er nu som følger:
Hvis jeg ser min side(
http://www.sleizer.dk) i ie ser den ganske fint ud og efter hensigten men slår jeg over i fx mozilla eller lign. browser lapper mine bokse ind over hinanden! hvorfor gør de dette? i min css fil hvor jeg definere boksene. fx min menu og counterens boks der falder sammen.. i css har jeg følgende
menu:
#menu{
text-align: left;
position:absolute;
top: 120px;
left: 0px;
height: 475px;
width: 130px;
background-color: #FFFFFF;
border: 1px solid black;
padding: 5px 5px 5px 5px;
}
counter:
#counter{
text-align: left;
position:absolute;
top: 600px;
left: 0px;
height: 80px;
width: 130px;
background-color: #FFFFFF;
border: 1px solid black;
text-align: center;
padding: 5px 5px 5px 5px;
}
hvis jeg lægger top + height sammen i menu'en giver det ialt 595px og min counters top er på 600px... hvorfor er der så ikke 5px mellemrum mellem dem i mozilla? det vises fint i ie?!?
Skal jeg gøre det på en anden måde for at vise det ordentligt i mozilla og kan det i såfald vises ordentligt i ie? kunne man evnt. lave 2 css filer og så loade den man skulle bruge når folk gik ind på siden ved at tjekke hvilken browser de havde? er det muligt og i såfald hvordan?
Håber i kan hjælpe!
Sleizer
www.sleizer.dk