WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts



WeLoveCSS > WEB DESIGN > CSS > Shift in Safari..

Reply
  Thread Tools Display Modes
Old 9th February 10, 01:54 AM   #1
johnny0313x
WLC Member
 
Join Date: Feb 2010
Posts: 10
Default Shift in Safari..

I have a weird shift with all my main links below my header in safari 3.2.1 for windows. Does anyone know why this is happening? I validated my code and I am at a lost. I want to launch my site tomorrow morning but would really like to get this fixed before I do so. Any ideas?

http://www.keshanow.net/index12.php

CSS:
Code:
body {

background-color: #000;
background:#1E1B16 url(images/neonbg.gif);

text-align:center;

margin:0; 


}




#header{
width:800px;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 0px solid #f00;
height:445px;
background:#1E1B16 url(images/bg_top.gif) repeat-x top;
margin-left: auto;
margin-right: auto;
}

#kesha{
position: relative; 
float: left;

    width:324px;

    height:445px;
    
    margin: 0px;

    top: 0px;

    left: 0px;

    background-color: #FF0000;
background:url(images/kesha_top.png) no-repeat;

}

#innerwrap{
	width:447px;
	height:445px;
	margin:0px;
	top: 0px;
	position: relative; 
	float: right;
	
	
}

#menu{
	width:447px;
	height:287px;
	margin:0px;
	top: 8px;
	position: relative; 
	float: right;
	background:url(images/headlines.png) no-repeat;
	
	
}

#menu p {
  margin-top: 75px;
  margin-left:75px;
  font-size: 12px;
  line-height: 1.5em;
  text-align: left;
  font-family: sans-serif;
  font-style: normal;
  font-variant: normal;
	font-weight: normal;
	font-size: small;
	line-height: 150%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-indent: 0ex;
	color: #222;
	
	
}

.class1	a:link {color: #E0FFFF; text-decoration: underline; }
.class1 a:active {color: #0000ff; text-decoration: underline; }
.class1 a:visited {color: #E0FFFF; text-decoration: underline; }
.class1 a:hover {color: #000; text-decoration: none; }



  
  



#album{
	margin:0px;
	width:447px;
	height:88px;
	bottom: -10px;
	right: -55px;
	position: relative; 
	float: left;
	
	
}

#headlines{
	margin:0px;
	width:447px;
	height:88px;
	bottom: 10px;
	right: -75px;
	position: relative; 
	float: left;
	
	
}


#logo{
	margin:0px;
	width:447px;
	height:88px;
	bottom: -19px;
	right: -95px;
	position: relative; 
	float: left;
	background:url(images/logo.png) no-repeat;
		
}

#links{
	margin:0px;
	width:800px;
	height:37px;
	bottom: 0px;
	right: 0px;
	position: relative; 
	float: right;
	
	
	
		
}




ul li {
	display: block;
	float: left;
	list-style: none;
}

ul li a {
	display: block;
	height: 37px; width: 86px;
	background: transparent url(images/links.png) no-repeat 0 0;
	text-indent:-9009px;
}

ul li#navigation2 a {
	width:110px;
	background-position: -86px 0;
}

ul li#navigation3 a {
	width:123px;
	background-position: -196px 0;
}

ul li#navigation4 a {
	width:97px;
	background-position: -319px 0;
}

ul li#navigation5 a {
	width:108px;
	background-position: -416px 0;
}

ul li#navigation6 a {
	width:100px;
	background-position: -524px 0;
}

ul li#navigation7 a {
	width:176px;
	background-position: -624px 0;
}


ul li a:hover {
	background-position: 0px -37px;
}

ul li#navigation2 a:hover {
	background-position: -86px -37px;
}

ul li#navigation3 a:hover {
	background-position: -196px -37px;
}

ul li#navigation4 a:hover {
	background-position: -319px -37px;
}

ul li#navigation5 a:hover {
	background-position: -416px -37px;
}

ul li#navigation6 a:hover {
	background-position: -524px -37px;
}

ul li#navigation7 a:hover {
	background-position: -624px -37px;
}


#content{
	background: url(images/fauxbg.gif) repeat-y;
	overflow: hidden;
width:800px;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 0px solid #f00;
height: auto;
background:#FFF;
margin-left: auto;
margin-right: auto;
padding: 0px 0px 0px 0px;
}

#content1{
width:493px;
background:#FFF;
font-family: Verdana;
font-size: 13px;
font-weight: normal;
text-decoration: none;
line-height: 17px;
color: #3e0f54;
padding-left: 12px;
float:left;
		
}

#content1 h1 {
	font-family: Verdana;
	font-size: 23px;
	line-height: 28px;
	padding-top: 27px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	color: #f40ce1;
}

#content1 h2 {
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	line-height: 5px;
	color: #0ccbf4;
}


#content1 a {
	font-family: Verdana;
	font-weight: normal;
	color: #0eebd8;
}

#content1 a:visited {
	font-weight: normal;
	color: #87d8bd;
}

#content1 a:hover {
	text-decoration: none;
	color: #3acbeb;
}


#sidebar{
width: 295px;
height: auto;
background:#fff;
font-family: Verdana;
font-size: 13px;
font-weight: normal;
text-decoration: none;
line-height: 17px;
color: #3e0f54;
float: right;
		
}




#content-lyrics{
width:780px;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 0px solid #f00;
height: auto;
background:#FFF;
margin-left: auto;
margin-right: auto;
padding: 10px 10px 10px 10px;
}

#footer{
clear:both;
width:780px;
border-top: 0px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 0px solid #f00;
height: auto;
background:#66ccdd;
margin-left: auto;
margin-right: auto;
padding: 10px 10px 10px 10px;
}



HTML
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  xml:lang="en" lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="Content-Language" content="en-us" />		
    <title>KeshaNow.Net - Your Ultimate Source for all things Ke$ha! News Social Network, Photos and more!</title>
    <meta name="description" content="Kesha Fansite with Media, News, Social network, lyrics, and more!" />
    <meta name="keywords" content="Kesha, Tik Tok, Pop star, Social, Lyrics, Media, News, Blah Blah Blah, Sebert, Kmoney" />
    <meta name="author" content="Jly" />
    <link rel="stylesheet" type="text/css" href="master.css" />
    <meta name="google-site-verification" content="ct9oLaPt5WpwOhRqDd6KUKEh4CxltU52srO0S9Q-I6o" />
	
	
    <script type="text/javascript">


<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=250,height=50');");
}
// End -->
</script>
   <link rel="icon" href="http://www.keshanow.net/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="www.keshanow.net/favicon.ico" type="image/x-icon" />
  </head>
<body>
<div id="header">
<div id="kesha"></div>
<div id="innerwrap">
<div id="menu"><p><?php
include("phpnews/headlines.php");
?></p></div>
<div id="album"><a href="http://itunes.apple.com/us/album/animal/id344796445"><img src="images/album.png" border="0" alt="Buy Ke$ha's album on Itunes"/></a></div>
<div id="logo"></div>

</div>
<div>
<ul id="links">
<li><a href="index.php">Main</a></li>
<li id="navigation2"><a href="media.php">Media</a></li>
<li id="navigation3"><a href="contact.php">Contact</a></li>
<li id="navigation4"><a href="links.php">Links</a></li>
<li id="navigation5"><a href="http://www.keshanow.net/gallery/" target="new">Photos</a></li>
<li id="navigation6"><a href="lyrics.php">Lyrics</a></li>
<li id="navigation7"><a href="http://www.keshanow.net/knetwork/" target="new">Fan Network</a></li>
</ul>
</div>
</div>


<div id="content">
<div id="content1">

<?php
include("phpnews/news.php");
?>
</div>
<div id="sidebar">
<?php
include("sidebar.php");
?>
</div>
<div id="footer"><span
class="Apple-style-span"
style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Times; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; font-size: medium;"><span
class="Apple-style-span" style="text-align: center;"><small>The views
expressed on this site are in no way affiliated with Ke$ha or her
team/label. No copyright violations are intended. If there is
copyrighted information on this site, please e-mail me to remove it. <br />
<a href="index.html">Main</a> | <a href="media.html">Media</a> | <a
href="contact.html">Contact</a> | <a href="links.html">Links</a> | <a
href="http://www.keshanow.net/gallery/">Photos</a> | <a
href="lyrics.html">Lyrics</a> | <a
href="http://www.keshanow.net/knetwork/">Fan Network</a> | <a name="fb_share" type="button" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>




<br />
</span></span></small></div>
</body>
</html>
johnny0313x is offline   Reply With Quote
Old 9th February 10, 02:18 AM   #2
johnny0313x
WLC Member
 
Join Date: Feb 2010
Posts: 10
Default Re: Shift in Safari..

Fixed it, had the links floating right and just took that off and moved them 40 px to the right and it was fine bu tnow in IE 7 it shifts to the left lol...
johnny0313x is offline   Reply With Quote
Reply


Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 10:31 AM.



Home | Advertise | Contact Us | Top
Home | Advertise | Contact Us | Top

Copyrightę 2006 WeLoveCSS.com. All Rights Reserved.
Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.