Web Design Forums

MiniMurderdoll · 26-05-2006, 08:52

Hey, Im new here, but this seems like the right place to start asking so Ill give it a shot.

Basically Im starting out learning about using DIVs as page design instead of Tables, and I seem to have hit an issue early on, but I really cant figure out what the issue is.

I took the page down the the bare minimum, the only code which the problem surrounds, and still the same issue. I then tried it in IE instead of Opera, and it worked.....just like it was ment to and also looks in the Dreamweaver preview.

So seems to be just a problem with Opera and was wondering if you guys knew of a workaround or where I'd gone wrong.

Heres my whole page code, with extra bits removed which arnt relevant.

*looks got a code tab of some sort*

HTML Code:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Rarrrr</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
	background-color:#FFFFFF;
}
#MainBody {
	display: block;
	width: 100%;
	text-align: center;
}
#PageArea {
	position: relative;
	width: 700px;
	text-align: left;
	background-color: #ffffff;
}
#LeftPanel {
	float: left;
	display: block;
	position: relative;
	width: 200px;
}
#RightPanel {
	float: right;
	display: block;
	position: relative;
	width: 200px;
}
-->
</style>
</head>

<body>

<div id="MainBody">
	<div id="PageArea">
		<div id="LeftPanel">  
			Should be on the left somewhere if this works out <br />
		</div>
		<div id="RightPanel">
			This should be on the right liek tbh 
		</div>
	</div>
</div>

</body>
</html>

*hopes the code thingy worked.....*

As you can see, hopefully there is meant to be a main container, which is the whole page width (100%), everything within it is centered (or meant to be).

Within that there is meant to be another one, which is only 700px and has two columns within it.

So yeah, any help would be much appreciated please.

Cheers

finbarr · 26-05-2006, 09:36

not quite sure what your problem is but stick a margin:0 auto; on your centered div if thats the issue

26-05-2006, 08:52	#1 (permalink)
MiniMurderdoll Registered User Join Date: May 2006 Posts: 1	DIV Issue in Opera Hey, Im new here, but this seems like the right place to start asking so Ill give it a shot. Basically Im starting out learning about using DIVs as page design instead of Tables, and I seem to have hit an issue early on, but I really cant figure out what the issue is. I took the page down the the bare minimum, the only code which the problem surrounds, and still the same issue. I then tried it in IE instead of Opera, and it worked.....just like it was ment to and also looks in the Dreamweaver preview. So seems to be just a problem with Opera and was wondering if you guys knew of a workaround or where I'd gone wrong. Heres my whole page code, with extra bits removed which arnt relevant. looks got a code tab of some sort HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Rarrrr</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- body { background-color:#FFFFFF; } #MainBody { display: block; width: 100%; text-align: center; } #PageArea { position: relative; width: 700px; text-align: left; background-color: #ffffff; } #LeftPanel { float: left; display: block; position: relative; width: 200px; } #RightPanel { float: right; display: block; position: relative; width: 200px; } --> </style> </head> <body> <div id="MainBody"> <div id="PageArea"> <div id="LeftPanel"> Should be on the left somewhere if this works out <br /> </div> <div id="RightPanel"> This should be on the right liek tbh </div> </div> </div> </body> </html> hopes the code thingy worked..... As you can see, hopefully there is meant to be a main container, which is the whole page width (100%), everything within it is centered (or meant to be). Within that there is meant to be another one, which is only 700px and has two columns within it. So yeah, any help would be much appreciated please. Cheers

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

26-05-2006, 09:36	#2 (permalink)
finbarr who the fuck am i? Join Date: Apr 2005 Location: london Posts: 2,670	not quite sure what your problem is but stick a margin:0 auto; on your centered div if thats the issue

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)