Jump to content


CSS Browser Problem


6 replies to this topic

#1 Josh.

    Young Padawan

  • Members
  • Pip
  • 45 posts
  • Gender:Male
  • Location:<? print("StockyBeatz.net") ?>
  • Interests:Web design and the usual 14 year old stuff

Posted 15 January 2007 - 02:37 PM

Okay.. im quite a n00b to CSS and im quite rough since stopping coding for a while. I have made a new site, which views flawlessly in firefox, but in internet explorer theres a problem with a mix of css + javascript. Here is the URL:

http://www.oxydise.com

And here is the home page code:

<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>Oxydise Downloads</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="main.css" />
<style type="text/css">
<!--
.style1 {
	font-size: 14px;
	font-weight: bold;
	font-family: verdana;
}
a:link {
	color: #;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.style2 {color: #;
		font-size: 11px;
		font-family: verdana;
}
-->
</style>
</head>

<body>
<!--Layout Holder-->
<div id="container">

<!--Layout Banner-->
<div id="banner"></div>

<!--Links Div-->

<div id="left">
<div class="links">
<span class="style1">Links</span>
<br>
<br>
<a href="http://www.oxydise.com/index.php" class="style2">Home</a>
<br>
<a href="http://www.oxydise.com/mail" class="style2">Oxymail</a>
<br>
<a href="http://www.oxydise.com/forum" class="style2">Forum</a>
<br>
<a href="http://www.oxydise.com/refer" class="style2" target="_blank">Tell A Mate!</a>
<br>
<span class="style2"><?php include("profile.html"); ?></span><br><br><br>
<span class="style1">Affiliates</span>
<br>
<br>
<a href="http://www.spreadfirefox.com/?q=affiliates&amp;id=0&amp;t=219" target="_blank"><img border="0" alt="Firefox 2" title="Firefox 2" src="http://sfx-images.mozilla.org/affiliates/Buttons/firefox2/ff2b80x15.gif"/></a>
<br>
<a href="http://www.pixel2life.com" target="_blank" <img border="0" alt="Pixel2Life" src="http://img181.imageshack.us/img181/2487/p2lcj4.jpg"></a><br><br><br>
<span class="style1">Radio</span></div>
<br>
&nbsp;<a href=http://rh4uradios.com/castcontrol/playlist.php?port=8006&type=asx><img src="http://www.josh.rh4u.co.uk/scaststat/images/wmp.jpg" border="0"></a>
<a href=http://rh4uradios.com/castcontrol/playlist.php?port=8006&type=pls><img src="http://www.josh.rh4u.co.uk/scaststat/images/winamp.jpg" border="0"></a>
<a href=http://rh4uradios.com/castcontrol/playlist.php?port=8006&type=pls><img src="http://www.josh.rh4u.co.uk/scaststat/images/itunes.jpg" border="0"></a>
</div>

<!--Content Div-->
<div id="right">
<div class="content">
<span class="style1">Welcome to oxydise.com</span>
<br>
<br>
<span class="style2">New editions of the Oxydise CD’s come out every month. CD’s will feature MC Ry and MC Mike Lee. Also featuring DJ Woody, DJ Jc and DJ Matty G. All downloadable to your computer for free!
<br>
<br>
<img src="nocover.jpg" border="0" >
<a href="http://www.oxydise.com/dl/click.php?id=1">Oxydise Vol 1 - Here for download!</a></span>
</div>
</div>

<div style="clear: both;"> </div>
</div>
<br>
<div id="subscribe">
<center><span class="style2">Subscribe to our newsletter!
<br>
<?php include("subscribe/register.php"); ?>
<b>All music in the Oxydise Tracklist is coprighted to the appropriate Label and/or Artist. Site design by Josh Cartledge.</b></span></center>
</div>
</body>
</html>

And here is my CSS file:

body{
margin-top: 0px;
text-align: center;
background-color: #000000;
}

#container{
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
width: 600px;
background-color: #b20000;
border: 3px solid #;
}

#subscribe{
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
width: 600px;
background-color: #b20000;
border: 3px solid #;
}

#banner{
height: 330px;
background-image: url(banner2.jpg);
background-repeat: no-repeat;
}
#banner h3{
margin: 0px;
padding: 0px;
font-size: 20px;
font-weight: normal;
}

#left{
width: 150px;
float: left;
}
.links{
padding: 5px 5px 0px 5px;
color: #;
font-family: Arial, sans-serif;
font-size: 11px;
}

#right{
width: 450px;
float: right;
}
.content{
padding: 5px 10px 0px 10px;
color: #;
text-align: justify;
font-family: Arial, sans-serif;
font-size: 11px;
}



Thanks!

No help? :)

#2 blacky

    Young Padawan

  • Members
  • Pip
  • 34 posts
  • Gender:Male

Posted 16 January 2007 - 04:17 PM

maybe you should tell us what the problem is....

#3 Josh.

    Young Padawan

  • Members
  • Pip
  • 45 posts
  • Gender:Male
  • Location:&lt;? print("StockyBeatz.net") ?&gt;
  • Interests:Web design and the usual 14 year old stuff

Posted 16 January 2007 - 05:52 PM

i have.. the content on the right side is inline with the link "profiles" on the left when its viewed in IE but in firefox its perfect.. i was thinking its a CSS prob

nobody?

#4 blacky

    Young Padawan

  • Members
  • Pip
  • 34 posts
  • Gender:Male

Posted 19 January 2007 - 02:35 AM

heh... i dont see a difference buddy ( in ie 7 )

#5 Josh.

    Young Padawan

  • Members
  • Pip
  • 45 posts
  • Gender:Male
  • Location:&lt;? print("StockyBeatz.net") ?&gt;
  • Interests:Web design and the usual 14 year old stuff

Posted 19 January 2007 - 10:50 AM

Ahh.. well in IE 6 there is a rendering problem.. and most of my users are IE users so i cant really have it like thatt

#6 rc69

    PHP Master PD

  • P2L Staff
  • PipPipPipPip
  • 3,827 posts
  • Gender:Male
  • Location:Here
  • Interests:Web Development

Posted 19 January 2007 - 01:00 PM

Please stop bumping.

Try taking the width and the float attributes off of the #right div and see if that helps any.

Edited by rc69, 19 January 2007 - 01:04 PM.


#7 Josh.

    Young Padawan

  • Members
  • Pip
  • 45 posts
  • Gender:Male
  • Location:&lt;? print("StockyBeatz.net") ?&gt;
  • Interests:Web design and the usual 14 year old stuff

Posted 19 January 2007 - 04:03 PM

i've tried to remove both.. but the bottom text is which says "Oxydise Vol 1" is inline with the menu





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users