---
title: "CSS-problem i FF2"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/173765-css-problem-i-ff2"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "hoolaboola"
published: "2008-09-01T05:40:22.000Z"
updated: "2008-09-24T10:57:13.000Z"
replies: 4
views: 716
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/173765-css-problem-i-ff2"
---

# CSS-problem i FF2

## #1 — hoolaboola, 2008-09-01T05:40Z

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; }
```

Bilagor:

- [955d5c9dffdb1d460978a0f5f553a142.png](https://www.webforum.nu/a/19042.png)

Permalänk: https://www.webforum.nu/p/173765

## #2 — hoolaboola, 2008-09-03T05:57Z

Ingen som har någon som helst idé?

Permalänk: https://www.webforum.nu/p/2136470

## #3 — hoolaboola, 2008-09-17T18:57Z

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

Permalänk: https://www.webforum.nu/p/2142233

## #4 — Palle, 2008-09-19T07:12Z

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

Permalänk: https://www.webforum.nu/p/2142471

## #5 — hoolaboola, 2008-09-24T10:57Z

Om ni inte sett det finns länk till sidan [här.](http://www.somhittat.se/index.php?pageid=44) 

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

Permalänk: https://www.webforum.nu/p/2143736

---

Tråden på webben: https://www.webforum.nu/amne/html-css/173765-css-problem-i-ff2