PDA

View Full Version : scrollable text block not showing up right in IE6


silverglade
05-20-2009, 10:39 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

@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

<!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, 10: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;)

coloeagle
05-21-2009, 02:50 AM
does anyone have a better way? any help greatly appreciated. thanks .derek;)
If it works and doesn't mess the other browsers your good to go.

silverglade
05-21-2009, 12:25 PM
cool thanks coloeagle! :mrgreen: