ben3001 Posted April 23, 2006 Share Posted April 23, 2006 Hi peoplemy screen has been made in resolution in 1024 X 768. On my screen my site is viewing central, but im haivng a view complications whether or not my site is viewing central on screen resoluotions bigger then mine.It would really be apprecited if people could tell me how my site is viewing and possibly give a screen shot of it.If this is the case would anyone have any solutions in centering the site with the divs i have.cheersB Link to comment Share on other sites More sharing options...
boen_robot Posted April 23, 2006 Share Posted April 23, 2006 I already told you on the PM you sent me to just create a div around the three colums and center that new div.By the way, I do see another problem with your page. When it first loads, all "pages" on left and right are shown. I have to click a number to get only that number's thing, but it's kind'a useless scince all the content is loaded anyway. Link to comment Share on other sites More sharing options...
ben3001 Posted April 23, 2006 Author Share Posted April 23, 2006 boen that script didnt work for some reason here is moy source code html <head><title> Medussa NightClub Brixton </title><script>function hideLeft(){ document.getElementById('l1').style.display='none'; document.getElementById('l2').style.display='none'; document.getElementById('l3').style.display='none'; document.getElementById('l4').style.display='none'; document.getElementById('l5').style.display='none'; document.getElementById('l6').style.display='none';}function hideRight(){ document.getElementById('r1').style.display='none'; document.getElementById('r2').style.display='none'; document.getElementById('r3').style.display='none'; document.getElementById('r4').style.display='none'; document.getElementById('r5').style.display='none'; document.getElementById('r6').style.display='none';}function toggleMenu(objectID) { var object = document.getElementById(objectID); if (object.style.display =='block') object.style.display='none'; else object.style.display='block'; return;}</script><link rel="stylesheet" type="text/css" href="oldstyle.css" /><link rel="alternate stylesheet" type="text/css" media="screen" title="blue-theme" href="blue.css" /><link rel="alternate stylesheet" type="text/css" media="screen" title="red-theme" href="style6.css" /><link rel="alternate stylesheet" type="text/css" media="screen" title="brown-theme" href="orange.css" /><style>#l1, #l2, #l3, #l4, #l5, #l6{ display: none}#r1, #r2, #r3, #r4, #r5, #r6{ display: none}body { background-color: #1F1F1F;}.style1 {color: #0066FF}.style2 {color: #0000FF}</style><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><script src="styleswitch.js" type="text/javascript"></script></head><body onLoad="document.getElementById('l1').style.display='block';document.getElementById('r1').style.display='block'"><div class="lmr"><center> <table class="table" width="50%" cellpadding="0" cellspacing="0" ><tr><td align="middle"> <div align="center"><a href="links/home.htm" target="main"><img src="images/header.jpg" width="748" height="69" border="0" /></a> <a href="links/home.htm" target="main">Home</a> | <a href="links/news.htm" target="main">News</a> | <a href="links/calendar.htm" target="main">Calendar</a> | <a href="links/photos.htm" target="main">Photos</a> | <a href="links/about.htm" target="main">About</a> | <a href="http://ernestbevin.contentman.co.uk/docs/contact2.php" target="main">Contact</a> | <a href="links/guestbook.htm" target="main">Guest book</a> | <a href="links/howto.htm" target="main">How to find us</a> | <a href="http://ernestbevin.contentman.co.uk/docs/form3.php" target="main">Book Online</a> | <a href="http://ernestbevin.contentman.co.uk/docs/advertise.php" target="main">Advertise</a></div></td></tr></table></center><br /><div class="left"><b>Night Club Events<b><br /><br />Information</b><br /><br /><span id="l1">Page 1 <br /><br />You will notice there are more pages of information if you click the next button</span><span id="l2">Page 2 <br /><br />This is page 2. If you click next you will see the 3rd page</span> <span id="l3">Page 3<br /><br />This is finally Page 3.</span><span id="l4">Page 4<br /><br />This is page 4.</span><span id="l5">Page 5<br /><br />This is page 5.</span><span id="l6">Page 6<br /><br />This is page 6.</span><br /><br /><span style="position:absolute;top:330px;left:35px"><br />Pages<br /><a href="java script:hideLeft();toggleMenu('l1')">1</a> <a href="java script:hideLeft();toggleMenu('l2')">2</a> <a href="java script:hideLeft();toggleMenu('l3')">3</a><a href="java script:hideLeft();toggleMenu('l4')">4</a><a href="java script:hideLeft();toggleMenu('l5')">5</a><a href="java script:hideLeft();toggleMenu('l6')">6</a></span></div> <div class="theme"> <p><br /> Choose Your Theme: <a href="java script:chooseStyle('red-theme', 60)"></a> <a href="java script:chooseStyle('red-theme', 60)"></a><a href="java script:chooseStyle('none', 60)" checked="checked"></a> <a href="java script:chooseStyle('none', 60)"><img src="images/green2.gif" alt="Green" width="20" height="15" border="0"></a><span class="style2"></span> <a href="java script:chooseStyle('brown-theme', 60)"><img src="images/orange1.gif" alt="Orange" width="20" height="15" border="0"></a> <a href="java script:chooseStyle('blue-theme', 60)"><img src="images/blue.gif" alt="Blue" width="20" height="15" border="0"></a> <a href="java script:chooseStyle('red-theme', 60)"><img src="images/red.gif" alt="Red" width="20" height="15" border="0"></a></span><br /></p></div><div class="middle"> <p><br /> </p> <br /><iframe src="links/home.htm" name="main" frameborder="0" marginheight="0" marginwidth="10" scrolling="no" width="560" height="405"></iframe><br /></div><div class="right"><b>Community Events</b><br /><br />Information<br /><span id="r1">Nightclub 1 <br /><br />Here you can have information about the nightclub</span><span id="r2">Page 2 <br /><br />Hello page 2</span> <span id="r3">Page 3<br /><br />Finally this is the third page yaaaaassssss!!!</span><span id="r4">Page 4<br /><br />page 4</span><span id="r5">Page 5<br /><br />page 5</span><span id="r6">Page 6<br /><br />page 6</span><br /><br /><span style="position:absolute;top:330px;left:35px"><br />Pages<br /><a href="java script:hideRight();toggleMenu('r1')">1</a> <a href="java script:hideRight();toggleMenu('r2')">2</a> <a href="java script:hideRight();toggleMenu('r3')">3</a><a href="java script:hideRight();toggleMenu('r4')">4</a><a href="java script:hideRight();toggleMenu('r5')">5</a><a href="java script:hideRight();toggleMenu('r6')">6</a></span></div><div></body> here is my css a:link { color: #A2D800; text-decoration:none; font-family: verdana; font-size: 10px;}a:visited {color: #8EA707;font: bold 10px verdana;text-decoration:none;}a:hover {color: #E2FF8A;font: bold 10px verdana;text-decoration:underline;}a:active {color: #F0F0F0;font: bold 10px verdana;text-decoration:underline;}body{scrollbar-face-color:#A2D800;scrollbar-arrow-color:#000000;scrollbar-track-color:#333333;scrollbar-shadow-color:#000000;scrollbar-highlight-color:#NNNNNN;scrollbar-3dlight-color:#NNNNNN;scrollbar-darkshadow-Color:#NNNNNN;}body,a {font: bold 10px verdana; color:#ffffff;}body {background-color: #1F1F1F;}h1 { font: bold 20px verdana; color:#ffffff;}.lmr{ text-align: center; margin: 0 auto; text-align: left;}.left{ position:absolute; left:50px; text-align: center; width:130px; background-image: url(images/top4.png); background-repeat: repeat-x; border-style: solid; border-width: 0px 1px 1px 1px; border-color:#A2D800; height: 405px; top: 145px;}.right{ position:absolute; left:811px; text-align: center; width:130px; background-image: url(images/top4.png); background-repeat: repeat-x; border-style: solid; border-width: 0px 1px 1px 1px; border-color:#A2D800; height: 405px; top: 145px;}.middle{ position:absolute; left:210px; width:570px; height:450px; background-image: url(images/top4.png); background-repeat: repeat-x; overflow:auto; border-style: solid; border-width: 0px 1px 1px 1px; border-color:#A2D800; padding:2px; top: 145px;}.theme{ position:relative; left:50%; width:30%; top:-2%; height:10%; text-align: center;}.top{ text-align: right; left:100px; width:900px; top: 140px; }.table{padding-bottom:3px;border-style: solid;border-width: 6px 1px 1px 1px;border-color:#A2D800;} as you can see i tired wrapping it all in a div and it still didnt work im puzzled. im sure there is a soloution to this but im to stupid to see it.also i gave the wrong link i fixed that error with the information showing up on the leftEDIT: aspnetguy: Please use CODEBOX for long pieces of code. Link to comment Share on other sites More sharing options...
ben3001 Posted April 24, 2006 Author Share Posted April 24, 2006 it seems that when i wrapped it all in a div it actually had no effect at all so im unsure of what im doing wrong Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now