Right side doesn't allow to type in center

[sinan92]

How can I solve this problem?Right side does not allow me to type in the center.Upper left:

#left {	float:left;	} #upper-left-box-header {	overflow:hidden;	width:220px;	height:35px;	border-image:url(img/box-header.jpg) 3 5 5 5;	-moz-border-image:url(img/box-header.jpg) 3 5 5 5;	-webkit-border-image:url(img/box.jpg) 3 5 5 5;	} #upper-left-box-header p {	margin-top:6px;	font-family:Comic Sans MS, Comic Sans MS5, cursive;	font-size:17px;	text-align:center;	} #upper-left-box {	width:220px;	height:155px;	font-size:13px;	border-image:url(img/box.jpg) 3 5 5 5;	-moz-border-image:url(img/box.jpg) 3 5 5 5;	-webkit-border-image:url(img/box.jpg) 3 5 5 5;	} #upper-left-box p {	margin:15px;	}

Center:

#center {	overflow:hidden;	} #center-top {	margin-left:20px;	margin-right:220px;	font-family:Comic Sans MS, Comic Sans MS5, cursive;	text-align:center;	width:500px;	font-size:20px;	}	 #center-index {	margin-left:20px;	margin-right:220px;	float:left;	text-align:center;	width:500px;	}

Upper right:

#right {	float:right;	} #upper-right-box-header {	overflow:hidden;	width:220px;	height:35px;	border-image:url(img/box-header.jpg) 3 5 5 5;	-moz-border-image:url(img/box-header.jpg) 3 5 5 5;	-webkit-border-image:url(img/box.jpg) 3 5 5 5;	} #upper-right-box-header p {	margin-top:6px;	font-family:Comic Sans MS, Comic Sans MS5, cursive;	font-size:17px;	text-align:center;	} #upper-right-box {	overflow:hidden;	width:220px;	height:155px;	font-size:13px;	border-image:url(img/box.jpg) 3 5 5 5;	-moz-border-image:url(img/box.jpg) 3 5 5 5;	-webkit-border-image:url(img/box.jpg) 3 5 5 5;	} #upper-right-box p {	margin:15px;	}

[mambabomba]

Showing your HTML, preferably as a live web page, could help see the problem.Without that my guess would be that #center not being floated is at fault here.

[sinan92]

This is my HTML page and sorry it is not public yetI have no idea about how else I can get it liveAnd what do you suggest me to do?Floating the center to left or right doesn't work either.

<div id="wrapper"><div id="left"><div id="upper-left-box-header"><p>TEST</p></div><div id="upper-left-box"><p>TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT</p></div><div id="bottom-left-box-header"><p>TEST</p></div><div id="bottom-left-box"><p>TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT</p></div></div><div id="center"><div id="center-top"><p>News</p><hr /></div><div id="center-index">TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </div></div><div id="right"><div id="upper-right-box-header"><p>TEST</p></div><div id="upper-right-box"><p>TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT</p></div><div id="bottom-right-box-header"><p>TEST</p></div><div id="bottom-right-box"><p>TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT</p></div></div></div>

[dsonesuk]

try placing centre container element under right container element.

[sinan92]

try placing centre container element under right container element.

Thanks a LOT dsonesuk you are a genius