Welcome to Tech Support Forum home to more then 136,000 problems solved. Issues have included: Spyware, Malware, Virus Issues, Windows, Microsoft, Linux, Networking, Security, Hardware, and Gaming Getting your problem solved is as easy as:
1. Registering for a free account
2. Asking your question
3. Receiving an answer

Registered members:
* Get free support
* Communicate privately with other members (PM).
* Removal of this message
* See fewer ads.
* And much more..

 



Want to know how to post a question? click here Having problems with spyware and pop-ups? First Steps
Go Back   Tech Support Forum > Design Forum > Web Design & Programming
User Name
Password
Site Map Register Donate Rules Blogs Mark Forums Read


Web Design & Programming Discussion of web design, and server-side & client-side scripting

Reply
 
LinkBack Thread Tools
Old 05-01-2008, 11:14 AM   #1 (permalink)
Registered User
 
deviled egg's Avatar
 
Join Date: Jan 2008
Posts: 2
OS: Mac os 10.5


CSS Not working in IE7

Please review the following site (in IE 7 please, it is working
properly in Safari and Firefox) http://dev.threeduck.com/forbiddenaz/
I don't understand why IE7 is messing up my left div tags and pushing
that content below my right div tag. Also, here is the CSS code:
Code:
/*
CSS stylesheet
*/

.body { font-family: arial, helvetica; font-size: 11pt; color: black; }
.bodyb { font-family: arial, helvetica; font-size: 11pt; color: black; font-weight: bold; }
.bodyrev { font-family: arial, helvetica; font-size: 11pt; color: white; }
.bodyrevb { font-family: arial, helvetica; font-size: 11pt; color: white; font-weight: bold; }
.news { font-family: arial, helvetica; font-size: 12pt; color: black; }
.newsb { font-family: arial, helvetica; font-size: 12pt; color: black; font-weight: bold; }
.header { font-family: arial, helvetica; font-size: 14pt; color: black; }
.headerrev { font-family: arial, helvetica; font-size: 14pt; color: white; }
.menutext { font-family: arial, helvetica; font-size: 10pt; color: black; }
.menutextrev { font-family: arial, helvetica; font-size: 10pt; color: white; }
.tiny { font-family: arial, helvetica; font-size: 7pt; color: black; }
.tinyrev { font-family: arial, helvetica; font-size: 7pt; color: white; }

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

a:link {
	color: #ffffff;
}

a:hover {
	text-decoration: underline;
	color: #000000;
}

a:visited {
	color: #ffffff;
}

body {
	
	background: #060702;
	font: 13px Arial, Helvetica, sans-serif;
	color: #ffffff;
}

#content
{
	margin: 0 auto;
    width: 1059px;
	background: url(images/top1.jpg) no-repeat left top;
	
}

#main
{
	
	width: 908px;
	background: url(images/top3.jpg) no-repeat right top;
	padding-left: 151px;
	
}

#back_all
{
	width: 770px;
	background: url(images/back_all.gif) repeat-y center;
	
}



#menu
{
	margin: 0 auto;
	width: 766px;
	height: 38px;
	background: url(images/buttons_back.gif) repeat-x;
	border: 1px #FFFFFF solid;
	padding-left:85px;
}

#menu ul {
	list-style: none;
	
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	width: 100px;
	height: 23px;
	background: url(images/buttons_back.gif) repeat-x;
	text-align: center;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	padding-top: 15px;

}

#menu a:hover {
	width: 110px;
	height: 23px;
	text-decoration: underline;
	background: url(images/buttons_back_r.gif);
}


#logo {
background: url(images/top2.jpg) no-repeat;
width: 714px;
height: 123px;
float: left;
text-align: left;
padding-top: 90px;
padding-left: 40px;
}


#logo a {
	text-decoration: none;
	text-transform: lowercase;
	font-style: italic;
	font-size: 18px;
	color: #FFFFFF;
}
#logo H2 a
{
font-size: 12px;
}


#left
{
	width: 200px;
	padding-left: 10px;
	
}

#left H3
{
width: 183px;
height: 25px;
font-size: 14px;
font-weight: bold;
padding-left: 15px;
padding-top: 15px;
text-transform: uppercase;
color: #000000;
background: url(images/title.gif) repeat-x;
border: 1px solid #ffffff;
}

#left ul {
	list-style: none;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

#left li ul {
	border: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
}

#left li li {
	padding: 4px 20px;
    background: url(images/small.gif) no-repeat left;
}

#left a {
	color: #000000;
}
#left a:visited {
	color: #000000;
}

#left p
{
padding: 10px;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}

#right
{
	float: right;
	width: 550px;
	padding-right: 10px;
	display:inline;
}

#right H4
{

	font-size: 12px;
	color: #000000;
}

#right a
{
color: #000000;
text-decoration: none;
}

#right p {

	padding-bottom: 10px;
}

#right h2 {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	color: #000000;
}
.date {
	text-align: right;
	color: #000000;
	font-size: 12px;
	text-transform: uppercase;
}

.date a {
	color: #000000;
}

#footer	{
	height:75px;
	padding-top:40px;
	background:url(images/back_bottom3.jpg) no-repeat center top;
	width: 766px;
	margin: 0 auto;
}
Any help is greatly appreciated. Thank you.
__________________
The oxen are slow but the earth is patient.
deviled egg is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Reddit!
Reply With Quote
Important Information
Join the #1 Tech Support Forum Today - It's Totally Free!

TechSupportForum.com is a leading support website for your computer needs. We offer free, friendly and personalized computer support. Why pay to have your computer fixed when you can do it for free.

Join TechSupportforum.com Today - Click Here

Old 05-03-2008, 11:50 PM   #2 (permalink)
Design Team Member
 
Jaxo's Avatar
 
Join Date: Feb 2008
Location: Deming, NM
Posts: 312
OS: XP SP2 & Vista


Re: CSS Not working in IE7

Only thing I am seeing in IE7 is your bullets not wanting to "play" within the div. Please let me know if I am missing something else.

I don't have the alertness to figure the bullets out right now, but I will look at it tomorrow if you still need help with it.

Oh yea. Welcome to TSF

Last edited by Jaxo; 05-03-2008 at 11:51 PM. Reason: Welcome
Jaxo is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Reddit!
Reply With Quote
Old 05-04-2008, 09:13 AM   #3 (permalink)
Registered User
 
Join Date: Feb 2008
Posts: 325
OS: Vista


Re: CSS Not working in IE7

I don't see the problem?
Slapshot is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Reddit!
Reply With Quote
Old 05-05-2008, 10:35 AM   #4 (permalink)
Registered User
 
deviled egg's Avatar
 
Join Date: Jan 2008
Posts: 2
OS: Mac os 10.5


Re: CSS Not working in IE7

I removed the div element that wasn't working. So until I figure out what the problem with IE7 is, I'm just going to leave it the way it is.

And thank you for the welcome Jaxo, it's nice to be here. :-)
__________________
The oxen are slow but the earth is patient.
deviled egg is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Reddit!
Reply With Quote
Reply


Thread Tools

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
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




All times are GMT -7. The time now is 10:05 AM.



Copyright 2001 - 2009, Tech Support Forum
Home Tips Plus | Outdoor Basecamp | Automotive Support Forum

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85