webForumDet fria alternativet

CSS-problem i FF2

4 svar · 714 visningar · startad av hoolaboola

hoolaboolaMedlem sedan mars 200829 inlägg
#1

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; }
955d5c9dffdb1d460978a0f5f553a142.png
hoolaboolaMedlem sedan mars 200829 inlägg
#2

Ingen som har någon som helst idé?

hoolaboolaMedlem sedan mars 200829 inlägg
#3

135 som tittat men ingen som svarat... har jag varit otydlig på något eller är det så att ingen vet?

PalleMedlem sedan apr. 20002 716 inlägg
#4

Har du någon url till sidan?
Annars får du posta lite mer av själva html-koden så man kan se sambanden med din css. :)

Edit:
Hehehe, ursäkta att jag är blind.. du har ju url´en i den bifogade skärmdumpen. :P

hoolaboolaMedlem sedan mars 200829 inlägg
#5

Om ni inte sett det finns länk till sidan här.

Om ni har Firefox 2 ser ni också att sidan kapar sitt innehåll.

Genererad på 384 ms · cache AV · v20260730165559-full.f96bc7eb