Problem med IE7 och en div som blir fel...

CSS koden som inte fick plats...

Här kommer css-en som inte fick plats!

cssMain.css

/* nollställ marginaler och indrag för alla element - inklusive listor 
   Läs t.ex. [url]http://www.clagnut.com/blog/1287/[/url]  om du inte sett denna förr  */
* {margin:0;padding:0;} 
/* Grundinställningar för visningsytan   no-repeat center fixed; */
html,body { 
color: #000; 
background: #fff url(../images/bakgrund_logga6.jpg);

height:100%; /* se till att vi kan utnyttja hela visningsytan */
text-align:center;  /* centrera #container a'la bluerobot.com del 1 */
}

p {
font-family: verdana, helvetica, sans-serif;
font-size: 12px; line-height: 18px;
color: #000; background-color:transparent;
padding: 0px 5px 10px 0px;
}

table br 		{	
		font-size: 10px;
	}

#container {
width:766px; /* innehållets totala bredd */
min-height:100%;  /* ta upp hela sidan (se MISIE-hack nedan) */
background-image: url(../images/bg_main.gif); /* Se alistapart.com "faux columns" */
margin:0 auto;  /* centrera #container a'la bluerobot.com del 2 */
text-align: left; /* ... och del 3 */
}

#header1 {
height: 53px;
background-color:#ccc;
background-image: url(../images/top_tanneforsif.gif);
TEXT-ALIGN:		right;	
FONT: 			10px verdana, arial, helvetica, sans-serif;
color: 			#333333;
}

#header1 a {
COLOR: 			#990000;
text-decoration: 	none; 
}

#header1 a:hover {
	TEXT-DECORATION: 	none;
	COLOR: 			#ffffff;
	BACKGROUND-COLOR: 	#6699CC;
}

#header2{
height: 165px;
background-color:#990000;
background-image: url(../images/toplogo.jpg);
}

#menu {
height: 25px;
background-image: url(../images/menytop_2.gif);
}

/* tvåspaltad lösning a'la realworldstyle.com del 2*/
#main {
width:518px; /* width+margin-left skall vara < width på #container, med marginal  */ 
	float:left;

	font-family: verdana, helvetica, sans-serif;
	font-size: 12px; line-height: 18px;
	background-color:transparent;
	margin-left:7px;
	margin-right:5px;
	margin-top:14px;
	background-color:#fff;
}

#main img {
border:0px solid #dddddd;
margin:0;
padding:0;
}

#main a {
COLOR: 			#990000;
text-decoration: none; 
border-bottom: 1px dotted #6699CC;
}

#main a:hover {
	TEXT-DECORATION: 	none;
	border-bottom: 1px solid #6699CC; 
	COLOR: 			#6699CC;
	BACKGROUND-COLOR: 	#FFFFFF;
}

/* tvåspaltad lösning a'la realworldstyle.com del 1  	line-height: 1.4;*/	
#sidebar {
  width:222px; /* skall vara mindre än margin-left på #main (med marginal) */
	margin-left:538px; /* något mer än bredden på #sidebar */
	margin-top:5px;	
	margin-right:3px;	
	background-color:#fff;
}

#sidebar HR { 
 height: 5px;
 color: #fff;
 border: 0px;
 border-bottom: 1px solid #fff;
 width: 50%;
 margin: auto;
 padding: 0;
 text-align: center;
}

.sidebarfix {
	font-family: verdana, helvetica, sans-serif;
	COLOR: 	#fff;
	font-size: 6px; 
	line-height: 0px;
	background-color:transparent;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	text-align: center;
}

.sidebarfix img {
  margin-top:5px;	
  border:0px solid #ccc;
  text-align: center;
  }

.sidebartext {
	font-family: verdana, helvetica, sans-serif;
	COLOR: 	#990000;
	font-size: 12px; 
	font-weight: bold;
	line-height: 0px;
	background-color:transparent;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	text-align: center;
}

/* sidfotsmek */
#belowthebottom {
  height:35px;  /* samma som #bottom */
	clear:both;
}

#bottom{
width:766px;
height: 35px; /* height = p height + p margin-top + p margin-bottom */
background-color:#990000;
background-image: url(../images/footer.gif);
margin-top:-35px; /* samma som height */
margin-left:auto;
margin-right:auto;
TEXT-ALIGN:	center;	
FONT: 		10px verdana, arial, helvetica, sans-serif; line-height: 10px;
color: 		#cccccc;
}

#bottom a {
COLOR: 			#cccccc;
text-decoration: 	none; 
}

#bottom a:hover {
	TEXT-DECORATION: 	none;
	COLOR: 			#6699CC;
	BACKGROUND-COLOR: 	#FFFFFF;
}

#homeclick {

    display:block;
    bottom:0; left: 0;
    width: 766px;
    height: 165px;
}

#homeclick a {
text-decoration: none; 
}

#homeclick a:hover {
	TEXT-DECORATION: 	none;
}

#whitePopup {
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px; line-height: 18px;
	background-color:transparent;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
}

.whitePopup img {
border:0px solid #dddddd;
padding:0;
}

.whitePopup td {
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px; line-height: 18px;
	background-color: #fff;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	border:1px solid #990000;
}

.whitePopup a {
COLOR: 			#990000;
text-decoration: none; 
border-bottom: 1px dotted #6699CC;
}

.whitePopup a:hover {
	TEXT-DECORATION: 	none;
	border-bottom: 1px solid #6699CC; 
	COLOR: 			#6699CC;
	BACKGROUND-COLOR: 	#FFFFFF;
}

/*##############################
 * Style för omarkerat huvudmenyval 	background-color: 	#CC0000;
 *##############################
 */
.menuElementLink {
	margin-left: 		3px;
	list-style: 		none;
	display: 		inline;
	color: 			#ffffff;
	padding: 		1px 8px 1px 8px;
	text-decoration: 	none;
	FONT: 			11px verdana, arial, helvetica, sans-serif;
}

.menuElementLink:hover {
	background-image: url(../images/bg_meny.gif);
	color: 			#ffffff;
	text-decoration: 	none;
}

/*##############################
 * Style för markerat huvudmenyval 	background-color: 	#ffffff;
 *##############################
 */
.menuElementLinkWhite {
	margin-left: 		3px;
	list-style: 		none;
	display: 		inline;
	background-image: url(../images/bg_meny.gif);
	color: 			#ffffff;
	padding: 		1px 8px 1px 8px;
	text-decoration: 	none;
	BORDER:		 	#660000 2px solid;
	FONT: 			11px verdana, arial, helvetica, sans-serif;
}

.menuElementLinkWhite:hover {
	text-decoration: 	none;
}

/*##############################
 * Style för omarkerat undermenyval
 *##############################
 */
.menuElementLinkSub {
list-style: none;
display: inline;
color: #000000;
padding: 1px 8px 1px 8px;  
text-decoration: none;
FONT: 11px verdana, arial, helvetica, sans-serif;
font-weight: normal;
margin-left: 35px;
}

.menuElementLinkSub:hover {
color: #ffffff;
padding: 1px 8px 1px 8px;  
text-decoration: none;
FONT: 11px verdana, arial, helvetica, sans-serif;
font-weight: normal;
background-image: url(../images/bg_meny.gif);
BORDER:	#660000 0px solid;
margin-left: 35px;
}

/*##############################
 * Style för markerat undermenyval  padding: 1px 8px 1px 8px;    
 *##############################
 */
.menuElementLinkWhiteSub {
color: #ffffff;
padding: 1px 8px 1px 8px;  
text-decoration: none;
FONT: 11px verdana, arial, helvetica, sans-serif;
font-weight: normal;
background-image: url(../images/bg_meny.gif);
BORDER:	#660000 2px solid;
margin-left: 35px;
}

.menuElementLinkWhiteSub:hover {
	background-image: url(../images/bg_meny.gif);
	color: 			#ffffff;
	text-decoration: 	none;
}

.jiwebForm {
	FONT: 		11px trebuchet ms, arial, helvetica, sans-serif;
}

.jiwebButtons {
	FONT: 		11px trebuchet ms, arial, helvetica, sans-serif;
}		

H1 { 
	PADDING: 		0px 0px 0px 0px;
	FONT-WEIGHT: 		normal;
	MARGIN:			5px 0px 15px 0px; 
	COLOR:			#990000;
	FONT-SIZE:		22px;
	FONT-FAMILY: 		verdana, arial, helvetica, sans-serif;
	LINE-HEIGHT:		24px;
}

H2 { 
	PADDING: 		0px 0px 0px 0px;
	FONT:			18px verdana, arial, helvetica, sans-serif;
	FONT-WEIGHT: 		normal;
	MARGIN:			0px 0px 0px 0px; 
	COLOR:			#990000;
	FONT-FAMILY: 		verdana, arial, helvetica, sans-serif;
	LINE-HEIGHT:		24px;
}

Gör ett försök till...
Här är en länk till en massa screenshots... Bara ie7 blir fel.

http://browsershots.org/http://www.tanneforsif.com/

På din bild så ser det ut som det är din table som hoppar ur diven den ska ligga i.
Jag är egentligen inte alls van med table och IE7 så det blir lite funderingar utan att veta om det fungerar. Men... om du nu vill ha kvar tabellen...
Vad händer om du flyttar ner den </div>som finns efter <div id="belowthebottom"> </div> till före </body>
Eller vad händer om du lägger in tabellen med en <div><table>....</table></div>
Kan vara så att du behöver göra mer än så och skapa ett id på diven...
Jag tror inte fulhacket ska påverka 7:an i det här fallet men du kan ju för säkerhets skull ändra den till att bara gälla t.o.m. IE6 <!--[if lt IE 6]>

Testa att byta ut koden innan sidebar till detta

</tbody>
</table></div>
    <br />
[red]<div style="clear:both;"></div>[/red]	
</div>

mvh/Lillan

Jag har samma problem.

Jag har samma problem. Texten hoppar ur div:en fast än den ligger inne i div:en. Jag har text både i tabell och utan tabell som hoppar ur. Tidigare har div:en anpassat sig i height efter hur mycket text som funnits men nu i IE 7.0 hamnar texten nedanför/utanför div:en.

Vad göra?
Det måste vara många fler som stött på samma problem?

Lite trist är det när den som startar trådar inte svarar, så man vet om något av tipsen fungerat eller inte.
Har du testat det som kaxigt skrev?
Men starta en egen tråd och visa exempel på lite kod vettja. :)

Jo, jag har testat men jag vet inte riktigt var jag ska placera <div style="clear:both;"></div> någon stans i min kod. Där jag har satt den händer ingenting... Jag skickar med koden i en egen tråd så får ni kolla.

här är trådstartaren! har inte hunnit med att knåpa med sidan så värstans... dock fungerar inte tipsen jag fick av er... attans. det verkar som yoda inte får till det heller...