Jag har upptäckt ett rätt drygt problem på en sida jag gjort.
Det visar sig med Firefox 2. FF3 och IE är det inga problem.
Sidan kapas (se sista bilden i länken) men trycker man uppdatera kommer hela sidan fram.
Det jag har använt till att styra height:en är
<div id="rightframe">
#rightframe { float: right; width: 225px; height: 420px; vertical-align: top; text-align: left; padding-top: 15px;
Den vänstra (som kapas)
#leftframe { float: left; width: 665px; height: 100%; padding-top: 5px; margin-left: 3px; vertical-align: top; }
Någon som har några idéer?
html { font: Arial 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 100%; min-height: 100%;}
body { font: Arial 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 100%; min-height: 100%; overflow-y: scroll;}
/*--------------- Main Frame Edges ---------------*/
.main_frame { width: 920px; }
.edgetop_left { background: url(../templates/default/default_layout_r1_c1.jpg) left no-repeat; height: 11px; width: 11px; }
.edgetop_middle { background: url(../templates/default/default_layout_r1_c2.jpg) repeat-x; }
.edgetop_right { background:url(../templates/default/default_layout_r1_c15.jpg) left no-repeat; height: 11px; width: 11px; }
.edgemiddle_left { background: url(../templates/default/default_layout_r2_c1.jpg) left repeat-y; }
.edgemiddle_right { background: url(../templates/default/default_layout_r2_c15.jpg) left repeat-y; }
.edge2top_left { background: url(../templates/default/default_layout_r9_c1.jpg) left no-repeat; height: 12px; width: 11px; }
.edge2top_middle { background: url(../templates/default/default_layout_r9_c2.jpg) left repeat-x; }
.edge2top_right { background: url(../templates/default/default_layout_r9_c15.jpg) left no-repeat; height: 12px; width: 11px; }
.edgebottom_left { background: url(../templates/default/default_layout_r11_c1.jpg) left no-repeat; height: 11px; width: 11px; }
.edgebottom_middle { background: url(../templates/default/default_layout_r11_c2.jpg) left repeat-x; }
.edgebottom_right { background: url(../templates/default/default_layout_r11_c15.jpg) left no-repeat; height: 11px; width: 11px; }
/*--------------- Top Navigation Menu ---------------*/
#menu{ background: url(../templates/default/default_layout_r4_c2.jpg) left repeat-x; width:100%; height: 30px; vertical-align: top; }
.menuspace { background: url(../templates/default/admin-interface_r2_c1.jpg) top no-repeat; width: 30px; height: 30px; }
.menuspacer_left { background: url(../templates/default/default_layout_r4_c5.jpg) top no-repeat; width: 2px; height: 30px; }
.menuspacer_right { background: url(../templates/default/default_layout_r4_c11.jpg) top no-repeat; width: 2px; height: 30px; }
.topmenu { list-style: none; }
.topmenulist { font:bold 15px Georgia; text-align: center; vertical-align: middle; }
.menu_left ul { list-style: none; }
.menu_left li { display:inherit; font:bold 15px Georgia; }
.topmenulist a {
display: block; background: url(../templates/default/default_layout_r4_c7.jpg) left no-repeat; width: 102px; height: 30px; line-height: 30px;
cursor:pointer; color: #222222; text-decoration: none;
}
.topmenulist a:active { display: block; background: url(../templates/default/default_layout_r4_c7.jpg) left no-repeat; color: #000000; text-decoration: none; }
.topmenulist a:hover { display: block; background: url(../templates/default/default_layout_r4_c6.jpg) left no-repeat; color: #CCCCCC; text-decoration: none; }
/*--------------- For Menu State ---------------*/
.active a {
display: block; color: #CCCCCC; text-decoration: none; font: bold 15px Gerogia; text-align: center; vertical-align: middle;
background: url(../templates/default/default_layout_r4_c6.jpg) left no-repeat; width: 102px; height: 30px; line-height: 30px; cursor:pointer;
}
/*--------------- For Header & Footer ---------------*/
#header{ width: 898px; font-weight:bold; vertical-align:top; height: 148px; background-color: #ffffff; }
#footer{ width: 898px; font-weight:bold; vertical-align:top; height: 88px; background-color: #ffffff; }
/*--------------- For Content, Left & Right Frame ---------------*/
#leftframe { float: left; width: 665px; height: 100%; padding-top: 5px; margin-left: 3px; vertical-align: top; }
#rightframe {
float: right; width: 225px; height: 420px; vertical-align: top; text-align: left; padding-top: 15px;
background-color: #f7f7f7; background: url(../templates/default/default_layout_r5_c13.jpg) top repeat-x #F7F7F7;
}
#contentright {
border: double 3px #cccccc; background-color: #ffffff; padding: 10px; margin-left: 15px;
max-width: 175px; width: 195px; font-family: verdana; font-size:12px; color: #222222;
}
/*--------------- For Content Item ---------------*/
.page_heading {
font-family: Georgia ; font-size:20px; font-weight:bold; color: grey; height: 26px; vertical-align: middle; text-align: left;
background: url(../templates/default/dottedline.jpg) top repeat-x; text-align: left;
}
.page_intro_text { font-family: verdana ; font-size:13px; font-weight:bold; color: #222222; }
.page_text { font-family: verdana; font-size:12px; color: #222222; line-height: 15px; }
.image { font-family: verdana; font-size:10px; color: #222222; }
/*--------------- For Contact Section ---------------*/
#contactform { border: 1px solid #CCCCCC; padding: 10px; width: 350px; }
.formtitle {
font-family: Georgia; font-size: 12px; font-weight:bold; color: #000000; height: 28px; vertical-align: middle; text-align: left;
top repeat-x; text-align: left;
}
.leftmessage { font-family: Arial; font-size:11px; color: #222222; text-align: left; font-weight: bold; padding-top: 5px; padding-bottom: 5px; }
.rightmessage { padding-top: 5px; padding-bottom: 5px; }
.msgbox { border: 1px solid #999999; background-color: #F1F1F1; font-family: Arial; font-size:11px; color: #222222; padding: 3px 3px 3px 3px; }
.msgbutton {
display: block; width: 80px; height: 22px; font-family: Arial; font-size:11px; color: #6c6c6c; font-weight: bold;
background: url(../templates/default/default_layout_r7_c9.jpg) top no-repeat; border: 0px; padding-bottom: 2px;
}
#contact_action { padding: 10px; font-family: Arial; font-size: 11px; color: #009900; border: 1px solid #666666; background-color: #F1F1F1; margin-bottom: 10px; }
