Ingen som har någon som helst idé?
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; }

