Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login


Tycoon Talk > Web Development and Programming Support > CSS Forum > CSS Migraine

Reply
CSS Migraine
Old 03-17-2005, 08:25 AM CSS Migraine
Novice Talker

Posts: 11
Trades: 0
Talkupation: grahamd is on a distinguished road
Hey guys,

Okay I've just built a CSS-layout website and it's working great in all the browsers I've tested it under. My mate, however, viewed it in MacIE5.1 and it is completely screwed up on that. Is there any immediate, quick, headache-free solution to get it looking presentable on a Mac? I've heard about separate CSS files and all that jazz, but firstly I don't know how to do that, and secondly I'd rather find an easier solution!

Can anyone offer any assistance?

Thanks,
Graham
grahamd is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 03-17-2005, 08:45 AM
clericvash's Avatar
Super Talker

Posts: 103
Trades: 0
Talkupation: clericvash is on a distinguished road
A link to the site would be nice, can't help what we can't see!
clericvash is offline
Reply With Quote
View Public Profile
 
Old 03-17-2005, 08:58 AM
Novice Talker

Posts: 11
Trades: 0
Talkupation: grahamd is on a distinguished road
http://www.iomart.com is the URL. Here's the CSS too:


Code:
/* Layout */


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

#topnav {
		padding: 0px;
		top: 0px;
		left: 0px;
  		width:128px;
		height:50px;
}

.contactform {
		padding: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #444444;
}
		
		
#topnavright {
		height: 50px;
		position: absolute;
		padding: 0px;
		top: 0px;
		left: 405px;
		
}		

.greyline {
		position: absolute;
		padding: 0px;
		top: 50px;
		left: 0px;
		background-color: #666666;
		width: 100%;
		height: 2px;
}


#headerimage {
		position: absolute;
		left: 0px;
		padding: 0px;
		top: 53px;
		width: 770px;
		height: 95px;
}

#navsystem {
	position: absolute;
	padding-top: 3px;
	padding-bottom: 0px;
	top: 147px;
	left: 0px;
	width: 769px;
	height: 24px;
	background-color: #1D2A5F;
	margin-left: 1px;
	z-index: 5;
}

#rightbody {
		margin-top: 120px;
		padding-top: 1px;
		margin-left: 150px;
		margin-bottom: 5px;
		width: 589px;	
		z-index: 1;	
}

#rightbody2 {
		margin-top: 123px;
		margin-bottom: 5px;
		margin-left: 574px;
		width: 190px;	
		z-index: 1;
		padding: 2px;	
}

#centerbody1 {
		position: absolute;	
		margin-top: 123px;
		top: 55px;
		padding: 1px;
		left: 191px;
		width: 190px;	
		z-index: 2;
}

#centerbody2 {
	position: absolute;
	margin-top: 123px;
	top: 54px;
	left: 382px;
	width: 190px;
	z-index: 1;
	padding: 2px;


}

#leftbody {
	position: relative;
	margin-top: 122px;
	margin-bottom: 5px;
	float: left;
	padding: 1px;
	width: 150px;
	background-image: url(../images/lhs_bg.gif);
	background-repeat: no-repeat;
	height: 500px;
	z-index: auto;

}

#leftbody2 {
		margin-left: 0px;
		margin-top: 123px;
		margin-bottom: 5px;
		float: left;
		padding: 2px;
		width: 190px;

}

#footerholder {
		clear: both;
		padding: 0px;
		width: auto;
		height: 15px;
}

#footerholder2 {
		position: absolute;
		top: 433px;
		left: 771px;
		padding: 0px;
		width: auto;
}

#navsystem2 {
		float: left;
		background-color: #1D2A5F;
		width: 769px;
		margin-left: 1px;
}

#footer2 {
		background-color: #A9A9A9;
		height: 20px;
		width: auto;
}

#footer3 {
		background-color: #A9A9A9;
		height: 20px;
		width: auto;
		margin-top:-20px;
		clear: left;
		z-index: 0;
}

#footer {
		font-size: 13px;
		color: #A5A5A5;
		clear: both;
		width: 770px;
}

#rightline {
	position: absolute;
	left: 770px;
	top: 0px;
	width: 1px;
	background-color: #000000;
	background-image: url(images/bg_line.gif);
	background-repeat: repeat-y;
	z-index: 4;
	height: 100%;


}	

.header {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: bold;
		color: #790000;
		border-bottom: 1px solid black;
		z-index: 3;
		margin-top: 5px;
		margin-bottom: 20px;
		width: 570px;
		height: 17px;
		line-height: 18px;
		z-index: 3;
}

.enquiries {
		background-color: #F4F4F4;
		width: 350px;
		padding: 10px;
		border-color: #777777;
		border-style: solid;
		border-width: 1px;
}

.basictr {
		padding: 0px;
		padding-bottom: 0px;
}

#textcontainer {
	padding: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 15px;
	font-size: 12px;
	color: #444444;
	text-align:justify;
	margin-bottom: 15px;
	line-height: 16px;
	z-index: 2;
	padding-top: 5px;
}

table {
	border-top-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.basictable {
		border-style: none;
		padding: 0px;
}

.basictd {
		border-style: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #444444;
		line-height: 16px;
		padding-bottom: 10px;
}


td {
	border: 1px none #888888;
	padding-bottom: 40px;
}



/* Text styling beginning now */


a {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #367CD3;
		text-decoration: none;
}

a:hover {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: black;
		text-decoration: underline;
}
		


.footera {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #A5A5A5;
		text-decoration: none;
}

.footera:hover{
		color: #000000;
		font-size: 11px;
}

.navtop {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #BACFCF;
		text-decoration: none;
}

.fancya {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #000000;
		text-decoration: underline;
}

.fancya:hover {
	        font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #777777;
		text-decoration: underline;
}

.averagea {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #444444;
		text-decoration: underline;
}

.averagea:hover {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		text-decoration: underline;
}


/* Homepage crap */

.logo {
	margin-right: 350px;
	float: left;
}
.link {
	color: #333366;
	text-decoration: none;
	padding-top: 20px;
	margin-top: 15px;
	font-weight: normal;
}
.width {
	width: 770px;
	margin-bottom: 1px;
}
.greyline {
	background-color: #666666;
	width: 100%;
	height: 1px;
	float: right;
}
.link:hover {
	color: #006633;
	text-decoration: underline;
}
.frontimage {
	margin-top: 0px;
	margin-bottom: 0px;
	height: 177px;
	z-index: 3;
	width: 770px;
	clear: left;
}
.boxaboutus {
	float: left;
	height: 190px;
	width: 178px;
	background-color: #F1F4F9;
	padding-right: 4px;
	padding-top: 10px;
	padding-left: 8px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-right-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #FFFFFF;
}
.boxwebhosting {
	float: left;
	height: 190px;
	width: 178px;
	background-color: #DCE4EF;
	padding-right: 4px;
	padding-top: 10px;
	padding-left: 8px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-right-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #FFFFFF;
}
.boxnetintelligence {
	float: left;
	width: 178px;
	height: 190px;
	background-color: #BDCEE2;
	padding-right: 4px;
	padding-top: 10px;
	padding-left: 8px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-right-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	position: static;
}
.boxnews {
	width: 181px;
	padding-right: 4px;
	padding-top: 10px;
	padding-left: 8px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #FFFFFF;
	background-color: #CFCFCF;
	height: 190px;

	float: left;
}

.frontheadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333366;
	font-weight: bold;
	margin-top: -5px;
}
.newspageheadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #1D2A5F;
	font-weight: bold;
	background-image: url(../images/icon2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
.frontbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 14px;
	margin-top: -10px;
	font-weight: normal;
}
.bluebottom {
	background-color: #333366;
	width: 178px;
	padding-right: 4px;
	padding-left: 8px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-right-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #FFFFFF;
	float: left;
	margin-top: 2px;
	padding-top: 1px;
	padding-bottom: 2px;

}
.newsbluebottom {
	background-color: #333366;
	float: left;
	width: 181px;
	padding-right: 4px;
	padding-left: 8px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #FFFFFF;
	margin-top: 2px;
	padding-top: 1px;
	padding-bottom: 2px;

}
.bottomgreylength {
	background-color: #999999;
	width: 100%;
	float: left;
}
.linematt {
	background-color: #666666;
}
.bottomlinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	float: left;
	width: 800px;
	font-weight: normal;
	margin-top: 30px;
	text-align: center;
	text-decoration: none;
}
.rightline {
	border-left-width: 1px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #333333;
}
a.frontbody:link { color: #333333; text-decoration: none }
a.frontbody:visited { color: #333333; text-decoration: none }
a.frontbody:hover {
	color: #000066;
	text-decoration: underline;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
a.frontbody:active {
	color: #333333;
	text-decoration: none;
	font-size: 11px;
}
Last edited by 0beron; 03-17-2005 at 12:01 PM.. Reason: Added [code ] tags
grahamd is offline
Reply With Quote
View Public Profile
 
Old 03-17-2005, 11:42 AM
drewrockshard's Avatar
Super Talker

Posts: 100
Name: Drew
Location: Garland (Dallas), Texas
Trades: 0
Talkupation: drewrockshard is on a distinguished road
first off, it would be nice to know what it is doing (or there lackof doing) in ie mac 5.1. secondly, you should have put that code inside a "code" or "html" bb tag in your post, because it is really hard to follow...

so anyway, what is it doing in ie mac 5.1?
__________________
Best Regards,
Drew Decker

Please login or register to view this content. Registration is FREE
drewrockshard is offline
Reply With Quote
View Public Profile
 
Old 03-17-2005, 11:44 AM
Novice Talker

Posts: 11
Trades: 0
Talkupation: grahamd is on a distinguished road
Sorry - new to the forum.

Basically it's just not displaying the page correctly - text blocks are expanding outwith the borders, and most of the divs are in completely the wrong place!
grahamd is offline
Reply With Quote
View Public Profile
 
Old 03-17-2005, 11:48 AM
drewrockshard's Avatar
Super Talker

Posts: 100
Name: Drew
Location: Garland (Dallas), Texas
Trades: 0
Talkupation: drewrockshard is on a distinguished road
well, not having a mac and not being able to see/test it...i cant really help you. but here is a link... http://www.dithered.com/css_filters/css_only/index.php

this is a table for css filters. what it does is tells you what certain browsers apply and what browsers dont apply. by using this you might be able to work arouind your problems.

good luck to you.
__________________
Best Regards,
Drew Decker

Please login or register to view this content. Registration is FREE
drewrockshard is offline
Reply With Quote
View Public Profile
 
Old 03-17-2005, 12:42 PM
Novice Talker

Posts: 11
Trades: 0
Talkupation: grahamd is on a distinguished road
Cheers
grahamd is offline
Reply With Quote
View Public Profile
 
Old 03-17-2005, 03:08 PM
drewrockshard's Avatar
Super Talker

Posts: 100
Name: Drew
Location: Garland (Dallas), Texas
Trades: 0
Talkupation: drewrockshard is on a distinguished road
your welcome
__________________
Best Regards,
Drew Decker

Please login or register to view this content. Registration is FREE
drewrockshard is offline
Reply With Quote
View Public Profile
 
Old 03-18-2005, 01:19 PM
dk01's Avatar
Ultra Talker

Posts: 373
Location: Ames, IA
Trades: 0
Talkupation: dk01 will become famous soon enough
Are you preloading all the images in your site? It loaded way slow for me on 1024k cable.

-dk
__________________
Did I help you? If so, be nice and throw me some
Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE
dk01 is offline
Reply With Quote
View Public Profile
 
Old 03-18-2005, 01:57 PM
drewrockshard's Avatar
Super Talker

Posts: 100
Name: Drew
Location: Garland (Dallas), Texas
Trades: 0
Talkupation: drewrockshard is on a distinguished road
no i need to optimize my header image...its huge...like 300kb...and thats big for a header...

i havent gotten around to it. theres only one main image (the header)...the other images are the bullets (the checkmarks)...thats all. no other images on my site.
__________________
Best Regards,
Drew Decker

Please login or register to view this content. Registration is FREE
drewrockshard is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to CSS Migraine
 
Previous Thread | Next Thread Tycoon Talk > Web Development and Programming Support > CSS Forum > CSS Migraine

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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




   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.30593 seconds with 12 queries