mickefrisk Postad 17 augusti, 2006 Share Postad 17 augusti, 2006 Hej. Har centrerat ett lager på höjd och bredd och det ser bra ut. Men om man förminskar fönstret så halkar lagret utanför fönstret, och det betyder ju att det även hamnar utanför vid en mindre upplösning. Har skrivit detta: #lager1 { margin: -285px auto auto -407px; position:absolute; left:50%; top:50%; width:816px; height:620px; z-index:1; } Hur ska det skrivas för att lagret aldrig ska hamna högre upp än högst upp, och aldrig mer till vänster än längst till vänster? Länk till kommentar Dela på andra webbplatser More sharing options...
mickefrisk Postad 17 augusti, 2006 Författare Share Postad 17 augusti, 2006 Jeez. I IE på mac så syns bara halva sidan på höjden. What´s wrong? EDIT: Det går kanske att fixa med javascript? Länk till kommentar Dela på andra webbplatser More sharing options...
pal8 Postad 17 augusti, 2006 Share Postad 17 augusti, 2006 Jag tror detta bara går att lösa med Javascript, men inte säker. Ett enkelt sådant är: <script type="text/javascript"><!-- window.onresize = Pos; function Pos() { var wh = window.innerHeight; var wb = window.innerWidth; if(wh < 620) { document.getElementById('lager1').style.top = "0px"; document.getElementById('lager1').style.height = "100%" document.getElementById('lager1').style.marginTop = "0" } if(wh > 621 ) { document.getElementById('lager1').style.top = "50%"; document.getElementById('lager1').style.height = "620px" document.getElementById('lager1').style.marginTop = "-310px" } } //--> </script> Nu är detta för Resize, men bör nog köras onLoad också. Har inte kollat om det funkar i IE PC, lite osäker på innerWidth och innerHeight. Länk till kommentar Dela på andra webbplatser More sharing options...
pal8 Postad 17 augusti, 2006 Share Postad 17 augusti, 2006 Jeez. I IE på mac så syns bara halva sidan på höjden. What´s wrong? EDIT: Det går kanske att fixa med javascript? 387026[/snapback] IE mac skulle jag lämna till historien om jag vore du. :-) Det är en del med CSS som inte funkar i IE Mac och därmed har den svårt att följa med standard. Och sedan tror jag att andelen som kör med den är minimal. Länk till kommentar Dela på andra webbplatser More sharing options...
pal8 Postad 17 augusti, 2006 Share Postad 17 augusti, 2006 Mitt Javascript är för höjden. Bredd saknas men det förstår du säkert Länk till kommentar Dela på andra webbplatser More sharing options...
mickefrisk Postad 17 augusti, 2006 Författare Share Postad 17 augusti, 2006 Jag tror detta bara går att lösa med Javascript, men inte säker. Ett enkelt sådant är: <script type="text/javascript"><!-- window.onresize = Pos; function Pos() { var wh = window.innerHeight; var wb = window.innerWidth; if(wh < 620) { document.getElementById('lager1').style.top = "0px"; document.getElementById('lager1').style.height = "100%" document.getElementById('lager1').style.marginTop = "0" } if(wh > 621 ) { document.getElementById('lager1').style.top = "50%"; document.getElementById('lager1').style.height = "620px" document.getElementById('lager1').style.marginTop = "-310px" } } //--> </script> Nu är detta för Resize, men bör nog köras onLoad också. Har inte kollat om det funkar i IE PC, lite osäker på innerWidth och innerHeight. 387080[/snapback] Funkar bra, men inte i IE på mac. Tusen tack iaf, och fuck IE på mac. Länk till kommentar Dela på andra webbplatser More sharing options...
Mizhou Postad 17 augusti, 2006 Share Postad 17 augusti, 2006 IE mac skulle jag lämna till historien om jag vore du. :-) Det är en del med CSS som inte funkar i IE Mac och därmed har den svårt att följa med standard. Och sedan tror jag att andelen som kör med den är minimal. 387082[/snapback] Jag håller med. IE för Mac var väl hyfsat bra för sisådär 5 år sedan. Länk till kommentar Dela på andra webbplatser More sharing options...
Rekommendera Poster
Arkiverat
Det här ämnet är nu arkiverat och är stängt för ytterligare svar.