...

View Full Version : Div's not working in IE :(



Hardwire
12-27-2007, 07:14 AM
I am currently working on a site and FF everything looks perfect. IE6.0 not so much. Some reason IE likes to be a pain to me. If anyone knows how to get the same results from FF to IE6.0 I would greatly appreciate it. I know position: absolute would get the position of main content would work than the footer would mess up if anyone knows how to fix it I would give many thanks.

FF: Pic:Firefox Example(GOOD) (http://img525.imageshack.us/img525/4521/ffpa8.jpg)
IE: Pic: Internet Explorer Example 6.0(BAD) (http://img525.imageshack.us/img525/72/ieqt3.jpg)

HTML 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>
<!-- Start of Script -->
<link rel="stylesheet" type="text/css" href="contentslider.css" />
<script type="text/javascript" src="contentslider.js">
/***********************************************
* Featured Content Slider- Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
<!-- End of Script -->
<title>FA.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<style type="text/css">
<!--
.style1 {color: #d0eb55}
.style3 {color: #fff}
-->
</style>
</head>
<body>
<div id="topbar"></div>
<div id="top">
<div class="content">
<div id="menu">
<ul>
<li><a href="index.php?page=ashley"><span class="style1">ASHLEY</span></a></li>
<li><a href="#"><span class="style3">NEWS</span></span></a></li>
<li><a href="http://www.forever-ashley.com/galleries/" target="_blank"><span class="style1">GALLERY</span></a></li>
<li><a href="index.php?page=media"><span class="style1">MEDIA</span></a></li>
<li><a href="index.php?page=site"><span class="style1">SITE</span></a></li>
<li><a href="index.php?page=www"><span class="style1">WWW</span></a></li>
<li><a href="index.php?page=home"><span class="style1">HOME</span></a></li>
</ul>
</div>
<h1>Forever-Ashley.com</h1>
<h2>The Best WWE Ashley Site Out There!</h2>
</div>
</div>
<div class="content">
<div id="main">
<div class="right_side">
<div class="pad">
<h3>Archive History</h3>
<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tr>
<td>Looking for more Ashley? Check out our extensive history page!<br />
<ul>
<li><a href="#">Take me there </a></li>
</ul> </td>
</tr>
</table>
<h3> Ashley News</h3>
<ul>
<li><a href="http://www.forever-ashley.com/news/index.php?news=263">9/27/07 - Tribe Has Spoken</a></li>
<li><a href="http://www.forever-ashley.com/news/index.php?news=260">9/26/07 - Ashley Survives</a></li>
<li>9/17/07 - <a href="http://www.forever-ashley.com/news/index.php?news=256" target="_blank">I'm a Survivor</a></li>
<li><a href="http://www.forever-ashley.com/news/index.php?news=241"> 5/25/07 - Diva Dish</a></li>
<li><a href="http://www.forever-ashley.com/news/index.php?news=236"> 5/11/07 - Bangin' with Ashley</a></li>
<li><a href="http://www.forever-ashley.com/news/index.php?news=233"> 5/04/07 - Bangin' with Ashley</a></li>
</ul>
<h3>Newest Videos</h3>
<ul>
<li><a href="http://www.savefile.com/files/1256422" target="_blank">12/10/07 - Raw 15th Anniv</a></li>
<li><a href="http://www.savefile.com/files/1221800" target="_blank">11/23/07 - Survivor Ep 10</a></li>
<li><a href="http://www.savefile.com/files/1199674" target="_blank">11/16/07 - Ashley Interview</a></li>
<li><a href="http://www.savefile.com/files/1162806" target="_blank">10/31/07 - Tribute on Wheels</a></li>
<li><a href="http://www.savefile.com/files/1158236" target="_blank">10/30/07 - CW Now Spyder</a></li>
<li><a href="http://www.savefile.com/files/1110398" target="_blank">10/9/07 - SD vs Raw Entrance</a></li>
</ul>
<h3>Image of the Month</h3>
<table width="98%" border="0">
<tr>
<td align="center"><em><img src="images/imageofthemonth.JPG" alt="imageofthemonth" width="110" height="150" /></em></td>
</tr>
</table>
</div>
</div>
<div class="right_side">
<div class="pad">
<h3>Top Headlines</h3>
<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tr>
<td><img src="latest/survivor.jpg"
alt="latest" width="177" height="68" /><br />
September 27, 2007 -Ashley gets elminated from Survivor with 4 votes to 1.<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <strong><a href="http://www.forever-ashley.com/galleries/categories.php?cat_id=401" target="_blank">Captures</a></strong> | <strong><a href="http://www.savefile.com/files/1085248" target="_blank">Video</a></strong></td>
</tr>
</table>
<br />
<h3>Monthly History</h3>
<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tr>
<td><img src="images/monthlyhistory.jpg" alt="monthlyhistory" width="177" height="68"></center>
December 19, 2005 - Ashley and Trish faced off against Candice and Maria overseas for the troops in a Santa&rsquo;s Helper Divas Tag Match.<br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a href="http://www.forever-ashley.com/galleries/categories.php?cat_id=50" target="_blank"><strong>Captures</strong></a> | <a href="http://savefile.com/files/329683" target="_blank"><strong>Video</strong></a></td>
</tr>
</table>
<br />
<h3>Elite Affiliates</h3>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><p align="center"><select
name="whatever" size="1" class="banner1"
onchange="goToPage(this); return false;">
<option value selected>CHOOSE ONE</option>
<option
value="http://www.stratus-faction.com">- Trish Stratus</option>
<option
value="http://www.phenomforever.com/">- The Undertaker</option>
<option
value="http://www.hhhthegame.com/">- Triple H</option>
<option
value="http://www.thenewextreme.com/">- Mickie James</option>
<option
value="http://www.candi-shop.org/">- Candice Michelle</option>
<option
value="http://dx-unlimited.com/">- DX</option>
<option
value="http://www.michellefever.com/">- Michelle McCool</option>
<option
value="http://www.lisa-varon.org/">- Victoria</option>
<option
value="http://www.wwedivaspictures.com/">- WWE Divas</option>
<option
value="http://divaslocker-room.net/">- Diva's Locker</option>
</select>
<br>
<a href="http://forever-ashley.com/affiliates.html" target="main"><strong>View All</strong></a> - <strong><a href="http://forever-ashley.com/apply.html" target="main">Become One</a></strong></td>
</tr>
</table>
<p>&nbsp;</p>
</div>
</div>
<div id="left_side">


<?php if(isset($_GET['page'])) { if($_GET['page'] == "awards") { {include 'include/www/awards.php'; } } else {} }?>
</div>
<br />
</div>
<div id="footer">
<div class="right">&copy; Copyright 2005 - 2007, Forever-Ashley.com - Design: <a href="mailto:dead985@gmail.com">Martin</a></div>
<a href="index.php?page=home">Home</a> - <a rel="nofollow" target="_blank" href="http://validator.w3.org/check?uri=referer" title="Validate">XHTML</a> - <a rel="nofollow" target="_blank" href="http://jigsaw.w3.org/css-validator/check/referer" title="Validate">CSS</a></div>
</body>
</html>

body {
padding : 0;
margin : 0;
font : 12px Arial, sans-serif;
line-height : 1.5em;
background : #393939;
color : #fff;
}
a {
color : #d0eb55;
background : inherit;
text-decoration : none;
}
a:hover {
color : #d0eb55;
background : inherit;
text-decoration : underline;
}
p {
margin : 5px 0;
}
h1 {
font : bold 1.8em Arial, Sans-Serif;
padding : 8px 0 4px 0;
margin : 0;
letter-spacing : -1px;
}
h2 {
font : bold 1.6em Arial, Sans-Serif;
letter-spacing : -1px;
}
h3 {
padding : 4px 0;
margin : 0;
}
ul {
margin : 0;
padding : 0;
list-style : none;
}
img {
border : 0;
}
hr {
height : 1px;
border-style : none;
color : #d0d0d0;
background-color : #c0c0c0;
margin : 10px 0;
}
ol {
padding : 0;
margin : 0;
}
.code {
padding : 3px 5px 3px 35px;
border : 1px solid #666;
list-style-type : decimal-leading-zero;
font-family : Courier;
}
.code code {
font-family : Monaco, "Courier New", Tahoma;
font-size : 1.2em;
}
.code li {
margin : 2px 0;
padding : 0 5px;
background : #333;
}
.code li.t1 {
padding-left : 4ex;
}
.code li.t2 {
padding-left : 8ex;
}
.code li.t3 {
padding-left : 12ex;
}
.code li.t4 {
padding-left : 16ex;
}
.code li.t5 {
padding-left : 20ex;
}
.code li.t6 {
padding-left : 24ex;
}
.code li.t7 {
padding-left : 28ex;
}
.code li.t8 {
padding-left : 32ex;
}
.content {
margin : 0 auto;
width : 1000px;
}
#topbar {
height : 20px;
background : #212121;
width : 100%;
}
#topbar #icons {
float : right;
margin : 10px 0 0;
padding : 0;
}
#topbar #icons img {
padding-right : 4px;
border : 0;
}
.url {
padding : 10px 0;
}
.url a {
color : #454545;
text-decoration : none;
}
.url a:hover {
color : #fff;
}
#top {
padding-top : 0;
background : #3d3d3b url(images/topbg.gif) repeat-x;
height : 85px;
margin-bottom : 25px;
}
#top h1 {
font : bold 2.6em Arial, Sans-Serif;
padding : 20px 0 0 0;
margin : 0;
letter-spacing : 1px;
color : #d0eb55;
}
#top a:hover {
text-decoration : none;
}
#top h2 {
font : 0.9em Arial, Sans-Serif;
letter-spacing : 0;
color : #868686;
margin : 0;
padding : 0;
}
#menu {
float : right;
height : 23px;
margin-top : 35px;
}
#menu a {
color : #fff;
background : inherit;
text-decoration : none;
padding-left : 10px;
line-height : 23px;
font-weight : bold;
}
#menu a span {
padding-right : 10px;
}
#menu a, #menu a span {
display : block;
float : left;
}
#menu a:hover, #menu .current {
color : #fff;
background : #a9bc52 url(images/tabl.gif) no-repeat left top;
padding-left : 10px;
height : 23px;
}
#menu a:hover span, #menu .current span {
background : url(images/tabr.gif) no-repeat right top;
padding-right : 10px;
height : 23px;
cursor : pointer;
}
#menu ul {
list-style : none;
padding : 0;
margin : 0;
}
#menu li {
float : left;
margin : 0 0 0 5px;
}
#main {
width : 1000px;
margin : 0;
padding : 0;
}
.right_side {
float : right;
width : 202px;
background : inherit;
overflow : hidden;
}
.right_side .pad {
padding : 0 0 10px 17px;
}
.right_side p {
padding : 0 0 5px 5px;
}
.right_side ul {
padding : 3px 0 12px 5px;
}
.right_side li {
line-height : 18px;
background : inherit;
list-style : square;
padding-left : 0px;
margin-left : 17px;
color : #b4e04a;
}
.right_side a {
background : inherit;
text-decoration : none;
}
.right_side a:hover {
text-decoration : underline;
}
.right_side h3 {
color : #eee;
font : bold 1.2em Arial, Sans-Serif;
background : url(images/rmenuhead.gif) no-repeat top;
width : 202px;
height : 30px;
padding-top : 7px;
text-indent : 10px;
}
#left_side {
background : inherit;
margin-bottom : 10px;
width : 590px;
}
#left_side .intro {
background : #414141;
color : #fff;
}
#left_side .intro .pad {
padding : 10px;
}
#left_side .intro a {
color : #b4e04a;
text-decoration : none;
}
#left_side .intro a:hover {
color : #cdff56;
text-decoration : underline;
}
#left_side .mpart {
padding : 20px 0 0 0;
}
#left_side h2 {
background : inherit;
padding : 0;
margin : 0;
font : 1.8em verdana, Arial, Sans-Serif;
}
#left_side .mpart h3 {
background : inherit;
padding : 0;
margin : 0 0 15px 0;
font : 0.9em verdana, Arial, Sans-Serif;
color : #a5a5a5;
}
#left_side p {
color : #e7e7e7;
padding : 0;
text-align : justify;
}
#left_side img {
float : left;
padding : 0 10px 5px 0;
}
#left_side blockquote {
padding-left : 10px;
border-left : 3px solid #a7cc44;
margin : 10px 0 10px 25px;
}
.date {
padding : 7px 35px 0 0;
margin : 10px 0 25px 0;
text-align : right;
height : 32px;
}
.date a {
font : bold 1.2em Arial, Sans-Serif;
color : #a9bc52;
background : transparent;
}
#left_side .rs {
float : right;
margin : 0 0 0 10px;
border : 1px solid #888;
padding : 5px;
background : inherit;
}
#left_side ul {
list-style-position : inside;
margin-left : 2px;
}
#left_side ul li {
list-style-type : square;
margin-left : 15px;
}
#left_side ul ul li {
list-style : none;
margin-left : 10px;
list-style-type : lower-alpha;
list-style-position : inside;
}
#left_side .greybox {
border : 1px solid #ccc;
background : #f5f5f5;
width : 628px;
padding : 10px;
}
#footer {
clear : both;
width : 100%;
margin : 0 0 0 0;
color : #777;
border-top : 1px solid #444;
background : inherit;
position: static;
}
#footer .right {
float : right;
}
#footer a {
text-decoration : none;
background : inherit;
}

jcdevelopment
12-27-2007, 06:02 PM
try this, its always good to put this in just incase




* {
padding:0px;
margin:0px;
}


Not the same as putting it in the body

nikos101
12-27-2007, 06:48 PM
Please give us a link to a site, pics don't help much here

Excavator
12-27-2007, 07:41 PM
Hello Hardwire,
I don't have the php your including so I did this -
snippet:
<option
value="http://www.wwedivaspictures.com/">- WWE Divas</option>
<option
value="http://divaslocker-room.net/">- Diva's Locker</option>
</select>
<br>
<a href="http://forever-ashley.com/affiliates.html" target="main"><strong>View All</strong></a> - <strong><a href="http://forever-ashley.com/apply.html" target="main">Become One</a></strong></td>
</tr>
</table>
<p>&nbsp;</p>
</div>
</div>
<div id="left_side">
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo
duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo
duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>

</div>
<br />
</div>
<div id="footer">

It displays fine in IE6, IE7 and FF2 so it would seem that something in your included markup is making it drop.

Hope that helps you narrow it down.

Hardwire
01-01-2008, 01:45 AM
didnt work :( but thanks,

http://phpv2.forever-ashley.com/ is a link i made for it, IE6 is just the main problem.

effpeetee
01-01-2008, 03:05 PM
didnt work :( but thanks,

http://phpv2.forever-ashley.com/ is a link i made for it, IE6 is just the main problem.
You have several validation errors. CSS and XHTML.

You may find this interesting.
http://www.webmasterworld.com/forum83/4161.htm

Frank



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum