Member Avatar for drimion

Hello, I am a student having trouble with absolute position in firefox along with Safari. (It's the #date1 style.) Here is my CSS code. I took out the absolute and replaced it with the current snippet. No change. I appreciate your help.

@charset "UTF-8";
/* CSS Document */

* { margin:0;
	padding:0;
}

body {
	background: #000000;
	text-align: center;
}

#wrapper {
	margin: 0 auto;
	height: 800px;
	width: 1024px;
	background: url(../images/site_background.jpg) no-repeat center center;
	padding: 0px;
	text-align: left;
}

	
ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.li {
	color: #FFFFFF;
	font: 1.5em Verdana, Arial, Helvetica, sans-serif;
	padding-top: 1.5em;
	padding-left: 0.7em;
	margin-top: .5em;
}
#headerpic {
	margin: 0px;
	padding: 0em;
	clear: both;
	position: absolute;
}
#centerpic {
	padding: 0em;
	margin: 14.30em 0em 0em;
	text-align: center;
	float: right;
}
#navigation {
	text-align: left;
	clear: none;
	float: left;
	height: 500px;
	width: 225px;
	margin: 17.5em 0px 0px;
	padding: 0px 0px 0px 0em;
}
#footer {
	text-align: right;
	clear: both;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	background: #5C1028;
}
#rightcolmn {
	float: right;
	text-align: center;
	color: #FFFFFF;
	margin-top: 19em;
	clear: none;
}
#date1 {
	position: obj.style.left = (otherObj.parentNode.offsetLeft + 10) + "px";
	height: 125px;
	width: 279px;
	left: 316px;
	top: 267px;
	color: #333333;
	font: 6.5em "Birch Std", "Brush Script Std";
	border: thin solid #000000;
	position: absolute;
	margin: 0px;
	padding: 0px;
	right: 0px;
	bottom: 0px;
}
#date2 {
	font: 6.5em "Birch Std", "Brush Script Std";
	color: #333333;
	position: absolute;
	height: 125px;
	width: 279px;
	left: 595px;
	top: 267px;
}
Edited by kvprajapati because: Added [code] tags. Encase your code in: [code] and [/code] tags.
  • 2 Contributors
  • 2 Replies
  • 121 Views
  • 2 Days Discussion Span
  • Latest Post Latest Post by drimion
Member Avatar for ladyqueen1988 
* { margin:0;
padding:0;
}

Try to give margin and padding.

margin: 10px
padding: 10 px

Let me know whether it worked.

Member Avatar for drimion

Instead of using absolute, I went a different route and created a ul within the div. So, it's kind of doing what I want. Thank you for your replies.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.