28, May 2012

Website Center Troubles (In IE) - webmaster forum

 
Webdigity webmaster forums
[ Home | Help | Search | Forum's Shop | Archive | Login | Register | Webmaster Directory ]
Webdigity Webmaster Forums  >  Design and Layout  >  Web Page Design  >  CSS (Moderator: Meth0d)
Topic: Website Center Troubles (In IE)
« previous next »
Pages: [1] Print
Instabuck - The easy way to sell digital products online

Author Topic: Website Center Troubles (In IE)  (Read 3227 times)
Der Führer
I feel pretty...
***
Gender: Male
Posts: 184
481 credits
Members referred : 0



« on: May 27, 2006, 03:34:33 am »

Ok so I thought I had this issue fixed, but when I load my website in IE it does not center the page like it does in FF. I was wondering if it is my CSS code or what.

Link to site: http://silent.2dollarhost.net

CSS for centering
Code:
div#rel {position:relative; width:678px; height:500px; margin:1px auto; background:#FFFFFF}

Thanks.
I am a metal monkey!
Administrator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 5799
46391 credits
Members referred : 3



« Reply #1 on: May 27, 2006, 10:37:30 am »

What about text-align:center;

Trial and Error my two best teachers Cool
Join us @ facebook or twitter

Last blog : Butterfly Marketing 2.0
Global Moderator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 6691
34714 credits
Members referred : 374


It's time to use PHP5!


« Reply #2 on: May 27, 2006, 11:33:56 am »

What about text-align:center;

the text-align: center is for the body tag

 

Der Führer
I feel pretty...
***
Gender: Male
Posts: 184
481 credits
Members referred : 0



« Reply #3 on: May 27, 2006, 10:39:18 pm »

that just centers all my text and not the images
Der Führer
I feel pretty...
***
Gender: Male
Posts: 184
481 credits
Members referred : 0



« Reply #4 on: May 28, 2006, 02:30:42 am »

so one said this on another forum.

"There is a way to absolutely position and center at the same time using margin: -(half the width of your element)"

But i dont know how to do that either lol.
Global Moderator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 6691
34714 credits
Members referred : 374


It's time to use PHP5!


« Reply #5 on: May 28, 2006, 01:12:58 pm »

that just centers all my text and not the images
what is the url?

Der Führer
I feel pretty...
***
Gender: Male
Posts: 184
481 credits
Members referred : 0



« Reply #6 on: May 28, 2006, 09:24:38 pm »

i didnt upload the one that centers my text
Global Moderator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 6691
34714 credits
Members referred : 374


It's time to use PHP5!


« Reply #7 on: May 28, 2006, 09:34:58 pm »


Der Führer
I feel pretty...
***
Gender: Male
Posts: 184
481 credits
Members referred : 0



« Reply #8 on: May 28, 2006, 09:52:46 pm »

ok so I looked at your css, thats a lot of css, i don't know much about css but i tried to duplicate your body code. When i do this it centers the text on my iframe (news box) and the content box. It didn't center that images at all.
Global Moderator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 6691
34714 credits
Members referred : 374


It's time to use PHP5!


« Reply #9 on: May 29, 2006, 09:45:53 am »

try this template:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
text-align: center;
}
#container {
margin:50px auto;
width:760px;
border:1px solid #999999;
text-align:left;
}
.imgContainer {
text-align:center;
}
-->
</style>
</head>

<body>
  <div id="container">
    <h2>my Header</h2>
    <div class="imgContainer">
  <img src="http://www.google.com/images/logo_sm.gif" />
</div>
<p>some text</p>
  </div>
</body>
</html>

Der Führer
I feel pretty...
***
Gender: Male
Posts: 184
481 credits
Members referred : 0



« Reply #10 on: May 29, 2006, 11:41:59 pm »

i couldn't get that to work b/c of the way its all positioned i tried to wrap the code around the whole thing and then i tried each image neither worked.
Global Moderator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 6691
34714 credits
Members referred : 374


It's time to use PHP5!


« Reply #11 on: May 29, 2006, 11:45:39 pm »

i couldn't get that to work b/c of the way its all positioned i tried to wrap the code around the whole thing and then i tried each image neither worked.

If you have coded the page like the last you will get in trouble again. I advice to follow these tutorials before working on the neext website. I start every website with a template like one the suggested page.(http://css.maxdesign.com.au/index.htm)

Trackback URI for this entry : http://www.webdigity.com/trackback.php?topic=2663
Tags : design css html internet explorer xhtml Bookmark this thread : Digg Del.icio.us Dzone more....

Pages: [1] Print 
Webdigity Webmaster Forums  >  Design and Layout  >  Web Page Design  >  CSS (Moderator: Meth0d)
Topic: Website Center Troubles (In IE)
« previous next »
Jump to:
User Area
Welcome, Guest. Please login or register.
Did you miss your activation email?
May 28, 2012, 10:25:16 am





Login with username, password and session length

Donate to our community, and get a permanent link back to your site!

Donate to our community, and get a permanent link back to your site!






Web Design Gallery · Whois Lookup · Pagerank · Tag Browsing · Lo-fi version · Syndication · Webmaster forum history · Advertise
Developed by HumanWorks © 2005 - 2012 Webdigity webmaster community · sublime directory
Webdigity Webmaster Forums | Powered by SMF 1.0.12. © 2001-2005, Lewis Media. All Rights Reserved.