CSS Forum

**silverglade** · 07:44 AM

hi, i have a scrollable text block named "#text_content_block " and its showing up funky as you can see in IE6. i dont know what to do . its fine in FF. i added the divs to my iefixes file, the html validates. please help if you can . any help greatly appreciated. thanks. derek

here is the page im talking about.

http://derekvanderven.com/new_york_coffee/index.html

here is the css to the page

Code:

@charset "utf-8";
/* CSS Document */

body {
margin: 0px;
padding: 0px;
background-color: #000000;
}
#wrapper {
overflow: auto;
margin: 0 auto 0 auto;
width: 900px;
 
 }
#left_column {
float:left;
width: 274px;
height: 700px;
background-image: url(home_off_slices/left_column.jpg );
background-repeat: no-repeat;        
}    
#header {
float:right;
width: 626px;
height: 167px;
background-image: url( home_off_slices/header.jpg );
background-repeat: no-repeat;        
}    

#navigation {
float: right;
width: 626px;
height: 42px;
}

#home_content_block {
float: right;
width: 626px;
height: 491px;
background-image: url(  home_off_slices/home_content_block.jpg );
background-repeat: no-repeat;
}

#text_content_block {
margin:95px auto 0 auto; 
width: 475px;
height: 350px;
overflow: scroll;
background-color: white;
color: black;
border: black solid 3px;
overflow-x: hidden;
}

and here is the html to the page

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="coffee.css" rel="stylesheet" type="text/css"/>
<!--[if lt IE 7]>
<link href="iefixes.css" rel="stylesheet" type="text/css" /> <![endif]--> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New York Coffee</title>

</head>

<body onload="MM_preloadImages('home_on_slices/home_on.jpg','home_on_slices/about_on.jpg','home_on_slices/menus_on.jpg','home_on_slices/locations_on.jpg','home_on_slices/contact_on.jpg')">
<div id="wrapper">
  <div id="left_column"> </div>
    <div id="header"></div>
    <div id="navigation"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','home_on_slices/home_on.jpg',1)"><img src="home_off_slices/home_off.jpg" name="Image2" width="110" height="42" border="0" id="Image2" /></a><a href="about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','home_on_slices/about_on.jpg',1)"><img src="home_off_slices/about_off.jpg" name="Image3" width="99" height="42" border="0" id="Image3" /></a><a href="menus.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','home_on_slices/menus_on.jpg',1)"><img src="home_off_slices/menus_off.jpg" name="Image4" width="113" height="42" border="0" id="Image4" /></a><a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','home_on_slices/contact_on.jpg',1)"><img src="home_off_slices/contact_off.jpg" name="Image5" width="132" height="42" border="0" id="Image5" /></a><a href="locations.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','home_on_slices/locations_on.jpg',1)"><img src="home_off_slices/locations_off.jpg" name="Image6" width="172" height="42" border="0" id="Image6" /></a></div>
    
    <div id="home_content_block"> 
    <div id="text_content_block">this is some great text , no probs.</div>
    </div>

</div>
</body>
</html>

**silverglade** · 05-20-2009, 07:59 AM

ok i fixed it after like an hour .

here is what i did, it may not be the best, but it did fix it for ie6.

i floated the content div left, then i positioned it and added it to my iefixes file. now the content div works for both ie6 and ff. does anyone have a better way? any help greatly appreciated. thanks .derek