Jump to content

div and moving problem

Recommended Posts

I having trouble moving my .sidebar when i do it alos moves my .brrak up also. Im tring to have my .sidebar right under my .breaker to the right side, and also when i move me break it also moves my comment box (.bottoms) and i would liek to have that on the left side right under my .break. Is there anyway i can do this without having to write a whole new code. Thanks in advanced<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=60727009">my page</a>

<style type="text/css">body {	font-family: helvetica, arial, sans-serif;	font-size: 62.5%;	background-color: ffffff;}	table, td {		background-color: A2B5CD;                                background-image: url("");                                background-repeat: no-repeat;                                background-position: 1px 380px;	}.main{	position:absolute;	left:50%;	top:125px;	width:800px;	z-index:1;	margin-left:-400px;}	.main a:link, .main a:active, .main a:visited {		color: 1874CD;		text-decoration: none;		font-size: 1em;	}	.main a:hover {	color: 228B22;	}	img {	border: 0;	filter:alpha(opacity=80); 	-moz-opacity: 0.80; 	opacity: 0.80;}	img:hover{		filter:alpha(opacity=95); 		-moz-opacity: 0.95; 		opacity: 0.95;	}p, li {	font-size: 1.2em;;	color: 8A2BE2;}.title1, .title2 {	font-weight: bold;	text-transform: lowercase;	letter-spacing: -1px;}	.title1 {		font-size: 1.3em;                                color: 1874CD;                                absolute; left: 50% ;                                 margin-top: 50px;                                 margin-left: 530px;                                   visibility:visible !important; }	.title2 {		font-size: 1.2em;                                color: ffffff;	}		.title2 a {			font-size: 1.1em;		}		.sidebar .title2 {			padding: 0 0 0 12px;		}.newnav {clear: both;border-top: 3px dashed;border-bottom: 3px dashed;border-color: 90EE90;background-color: 00BFFF;background-image: url("");background-repeat: repeat-x;margin: 0px 300 20px 260;position:center;padding: 1;text-transform: lowercase;letter-spacing: -1px;}	.newnav a {		font-size: 1.2em;		color: 1874CD  !important;	}	.newnav a:hover {		color: 228B22 !important;	}	.newnav .active {		color: 1874CD !important;	}	.newnav li {		list-style: none;		display: inline;		margin: 0 0 0 13px;	}.sidebar {	float: left;	width: 200px;                margin-top: 500px;}.breaker {	clear: both;	border-top: 5px double;                margin-top: -1035px;                border-bottom: 5px double;	border-color: 90EE90;                background-color: 00BFFF;	background-image: url("");	background-repeat: repeat-x;	height: 200px;}	.cell {		float: left;		padding-top: 10px;		margin: 0 0 0 25px;	}	.cell-inner {		width: 350px;		padding: 0 10px 0 0;	}	.bottoms {	clear: both;	padding: 45px 0 0 0;}.music{             float:left;}textarea {	background-color: 00BFFF;	border-top: 4px double;                border-bottom: 4px double;                border-left: none;                border-right: none;	border-color: 90EE90;	color: ffffff;	padding: 3px;	overflow: hidden;}	input {		background-color: 00BFFF;		color: black;		border: 1px solid;		border-color: 90EE90;	}.love {	clear: both;	text-align: center;	padding: 25px 0 0 0;}./style>

Edited by Jonas
Link to post
Share on other sites

Is it your host that wacks your markup? Or is that how you wrote it?The link element referring to stylesheets should be in the <head> element. The <style> element should also be in the <head> element.I think you should search the net for "css 2 column layout" or "css 3 column layout" and start over as far as your layout goes. Using tables in this case makes no sense, because you are hardly using them for layout.It may take you longer, but I think it will be worth it for you to look through some good articles about getting the layout you want. It will make things much easier for you in the future.I would normally try to give you a fix for you problem, but I really think you should just redo the page.Some good pages to look at...http://www.glish.com/css/http://www.saila.com/usage/layouts/

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...