Web Hosting Forum | Lunarpages


*
Welcome, Guest. Please login or register.
Did you miss your activation email?


Login with username, password and session length
February 09, 2012, 01:44:13 PM

Pages: [1]   Go Down
« previous next »
  Print  
Author Topic: I need some help...  (Read 2074 times)
Radeon
Blueglue.us Webmaster
Galactic Royalty
*****
Offline Offline

Posts: 251



WWW
« on: April 07, 2009, 07:44:51 AM »
I should know this i know lol  Doh

Anyway so... Right now I try to get my site more compatible with lower and even higher resolutions by centering it, and no its acually not centered right now. I have made a good progress for my current site i just need a litle help!

Ok this is how my new page looks like as of right now http://blueglue.us/Testing_page.html as you can see the frame going around the Main table is not positioned right, this error is just showing in IE8, FF3, GC and latest version of Opera but Safari isnt affected and IE7...

But i'm building in XHTML and CSS so i need to fix this  Confused

Here is the CSS coding for the table going around my main table...

Code:
table#style2_new
{
position: relative;
background:url(main_bg_purpose%20112.png);
top: -170.5em;
left: -0.7em;
height: 1625px;
width: 746px;
visibility: visible;
z-index:2;
}

There is alot of things going on, on my website so i will start by giving out this...
Any help appreciated!  Help
Logged
Excuses and woman are equaly tiring...
Radeon
Blueglue.us Webmaster
Galactic Royalty
*****
Offline Offline

Posts: 251



WWW
« Reply #1 on: April 14, 2009, 03:36:44 PM »
So... no one have any suggestions how i could possibly position the table right?  Rainin
Logged
Excuses and woman are equaly tiring...
Radeon
Blueglue.us Webmaster
Galactic Royalty
*****
Offline Offline

Posts: 251



WWW
« Reply #2 on: May 26, 2009, 03:54:07 AM »
I dont know it's something with the coding that isnt right because my layout, as i built it with relative in mind works fine on IE 7 and older browsers but not IE 8 which my current coding do but i position right? I tryed my best, if anyone feel confident enough please look through my source code and Css and see if you can spot the error...

thanks...   
Logged
Excuses and woman are equaly tiring...
PremiereWebDesign
Professional Web Development at an Affordable Price
Trekkie
**
Offline Offline

Posts: 10


WWW
« Reply #3 on: July 05, 2009, 08:36:44 PM »
If I understand your question, and I think I do, you are trying to center your page on every browser and every resolution, is that correct?
I see that you are using a fixed layout of width: 746px; Since you are using a fixed layout, include these 2 lines of code in your CSS

Code:
margin-left: auto;
margin-right: auto;

In looking at your site, I feel like you may wind up wanting to go with a liquid layout. If so, then those 2 lines will need to be
Code:
margin-left: 10%;
margin-right: 10%;

Change the 10% to whatever width you want the margins to be.

I hope this helps you.
Logged
http://www.premierewebdesign.net
Radeon
Blueglue.us Webmaster
Galactic Royalty
*****
Offline Offline

Posts: 251



WWW
« Reply #4 on: July 08, 2009, 04:56:14 PM »
Oh if you just had come sooner! I have cried and almost given up on this, but sinse i couldnt leave my site unfinished, I searched for clues how i should mainly "centering through CSS" ... And i found what you told me but still have some problem. See i made a Div container around the entire site ok? Here is the Css the Div tag have and here is a new look on the site http://blueglue.us/Testing_page_4.html

Code:
{
width: 750px;
margin-top: 3%;
margin-left: auto;
margin-right: auto;
height: 1825px;
padding-left: 30px;
}


And it works my sites body is centered and follows the screen as you shrink it. But the writings (Text) inside the body is also centered which i didnt want and i cant figure out how to not wrecking the code and not have all centered text... (SIGH) It's always something  Haha

Anyway thanks for the help i really appreciate it!
Logged
Excuses and woman are equaly tiring...
PremiereWebDesign
Professional Web Development at an Affordable Price
Trekkie
**
Offline Offline

Posts: 10


WWW
« Reply #5 on: July 10, 2009, 12:46:49 AM »
 If you need more help with getting your site set up, please e-mail me. (No charge) But basically, what you are going to need to do is change the alignment for the content area. I am not sure what you have the division named, but whatever it is, change your alignment to something similar to this:

Code:
#MyContent {
  float: left;
  width: 740px;
  background: #FFFFFF;
  border: 1px dashed #CCCCCC;
  padding: 10px;
  margin: 5px;
}
You probably will not use the borders, but this should give you an idea of what you need to do.
Logged
http://www.premierewebdesign.net
Radeon
Blueglue.us Webmaster
Galactic Royalty
*****
Offline Offline

Posts: 251



WWW
« Reply #6 on: July 11, 2009, 07:15:45 AM »
Thanks i really appreciate it!  Smiling
Logged
Excuses and woman are equaly tiring...
Pages: [1]   Go Up
  Print  
« previous next »
 
Jump to: