Log In · Register

 
 
 Closed TopicStart new topic
Center in IE, my site's not centered in IE...
wintermelody
post Feb 8 2009, 11:28 PM
Post #1


Senior Member
***

Group: Member
Posts: 31
Joined: Jul 2007
Member No: 552,713
My site's centered in Mozilla Firefox but not in IE...instead, it`s to the left. Not to mention that on my h1 tags, the tip of the pencil is cut off [in IE].



HTML CODE;;
CODE
<html>
<head>
<title>SLHS`s Key Club - The Kiwis! :D</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>

<div id="container">
<!-- The images-->
<table width=603 border=0 cellpadding=0 cellspacing=0>
<tr>
<td>
<img src="images/index_x01.png" width=603 height=383 alt=""></td>
</tr>

</table>
<!-- End ImageReady Slices -->

<!--START OF CONTENT -->

<div id="content">

<h1>New Design!</h1>

<img src="images/avy.gif" align="left">Hello, Hello :) After slaving for hours on the new design, here it is! I like it alot, & I`m quite proud of it (; & I hope that you`ll like it too! It`s not the over-cliche Valentine stuff on it :] It`s filled with Key Club love instead! Haha, do you got mad love for Key Club? =3 Not to fear, here`s the information from the previous update;

<p><strong>DCON INFORMATION</strong>:
<div style="border: 1px dashed #ED7373; overflow: auto; width: 350px; height: 120px;">
DCON (<em>District Convention</em>) is from <u>April 3rd-5th</u> in Anaheim, and the cost is <strong>$152</strong> per person. Here is your opportunity to meet <u>thousands</u> of Key Clubbers from the span of three states, be <strong>recognized</strong> for your club`s achievements, <em>elect</em> the 2009-2010 Executive Board, and dance the night away at the Governor`s Ball on Saturday night. This year`s theme is <u>BEE A HERO.</u>

<p>Due to the paper shortage right now, we can`t print out the forms for you. Please [<a href="http://cnhkeyclub.org/index.php?option=com_content&view=article&id=82&Itemid=61">click here</a>] and print out <strong>Step 4 and Step 8</strong>. The deadline to turn them in is <u>February 19th.</u> Please <em>do not</em> procrastinate on getting them filled out! Turn them to <strong>Irene</strong>.
</div>


<p>I`ll have a new update for you after this week`s meeting (: Have a good night!


Kiwied on <u>02.08.09</u>
</p>

</div>

<div id="navigation"><h2>Navigation</h2>
<ul class="navi">
<li><a href="http://www.freewebs.com/keyclubsl/">Main</a>
<li><a href="aboutkc.html">About</a>
<li><a href="board.html">The Board</a>
<li><a href="events.html">Events</a>
<li><a href="motm.html">Member of the Month</a>
<li><a href="http://slkeyclub.dotphoto.com">Photo Gallery</a>
<li><a href="hours.html">Member Hours</a>
<li><a href="newsletters.html">Newsletters</a>
<li><a href="cheers.html">D2 Cheers</a>
<li><a href="chat.html">Time To Chat!</a>
<li><a href="credits.html">Credits</a>
</ul>

<h2>Other Links</h2>
<ul class="navi">
<li><a href="http://cnhkeyclub.org/">CNH Key Club</a>
<li><a href="http://d2kiwis.org">D2 Kiwis</a>
<li><a href="http://www.keyclub.org/">Key Club International</a>
<li><a href="http://alamedakeyclub.bravehost.com">Alameda</a>
<li><a href="http://ehskeywees.org/">Encinal</a>
<li><a href="http://www.ohskeyclub.org/">Oakland</a>
<li><a href="http://groups.google.com/group/d02_cnhbees0809">D2 Reflector Group</a></li>

</ul>


</div>

<!--END OF CONTENT-->


<div id="footer"></div>
</div>

</body>
</html>


CSS CODE;;
CODE
body {
background: url(images/redbg.jpg) repeat;
margin: 20px;
padding: 0px;
font-family: Times, Serif;
font-size: 10.5px;
color: #C52C46;
}

#container {
width: 603px;
margin: 0 auto;
background: url(images/index_02.png) repeat;
}

#content {
width: 350px;
margin: 0px;
padding: 4px;
float: left;
}

#navigation{
width: 203px;
margin: 0px;
padding: 4px;
float: right;
text-align: right;
}
#navigation ul.navi {
text-align: right;
list-style: none;
padding: 0;
margin: 0 auto;
width: 150px;
}
ul.navi li a, ul.navi li a:visited {
display: block;
margin: 0;
width: 100%;
padding: 5px 5px 5px 5px;
border-width: 1px;
border-color: #ffe #aaab9c #D26567 #fff;
border-style: dotted;
color: #FFF;
text-decoration: none;
background: #DE8C8E;
}
ul.navi li a:hover {
background: #f0e7d7;
color: #9A65D2;
letter-spacing: 5px;
font-weight: bold;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}

#footer {
clear: both;
height: 66px;
margin: 0 auto;
background: url(images/index_x03.png) no-repeat;
}

.clear { clear: both; visibility: hidden; }
p, h1, h2, h3, h4, h5, h6, blockquote { margin: 10px 0; }

blockquote {
margin-top: 10px 0 10px 50px;
padding-left: 15px;
border-left: 3px solid #159E8E;
}

a:link {
color: #CA5252;
font-family: Georgia;
font-size: 10px;
text-decoration: none;
border: 2px double #CA5252;
font-style: italic;
background-color: #F7C0C0;
}

a:visited {
color: #CA5252;
font-family: Georgia;
font-size: 10px;
text-decoration: none;
border: 2px double #CA5252;
font-style: italic;
background-color: #F7C0C0;
}

a:hover {
color: #CA5252;
font-family: Georgia;
font-size: 10px;
text-decoration: none;
border: 2px double #CA5252;
font-style: italic;
background-color: #F7C0C0;
}

h1 {
font-family: Georgia, Arial;
color: #FFF;
text-align: center;
letter-spacing: 5px;
font-size: 16px;
line-height: 95%;
font-weight: bold;
padding: 10px 5px 10px 5px;
text-transform: Capitalize;
background-image: url('images/pencil.png');
}

h2 {
background-image: url('images/pencil2.png');
color: #ED7373;
line-height: 95%;
font-size: 20px;
font-family: Trebuchet Ms, Verdana;
font-variant: Capitalize;
margin: 5px 0px 0px 5px;
padding-left: 5px;
letter-spacing: -2px;
text-align: left;
}

h3 {
color: #DC6075;
border-bottom: 1px dashed #F7C0C0;
font-size: 20px;
text-align: center;
font-family: Times New Roman;
margin: 10px 0px 0px 10px;
font-style: italic;
}

b, strong {
color: #F6B5B7;
font-family: Times;}

i, em {
color: #F58025;
font-family: Georgia;
font-size: 10px;}

u {
color: #B862FD;
border-bottom: 1px dashed;
text-decoration: none;}


Much help would be appreciated!
 
Mikeplyts
post Feb 8 2009, 11:39 PM
Post #2


Mel Blanc was allergic to carrots.
*******

Group: Official Designer
Posts: 6,371
Joined: Aug 2008
Member No: 676,291
Try using this in your div sections css codes:
CODE
left: 50%;
margin-left:-###px;

Replace the ### with half of the pixels of the width of the section.
 
wintermelody
post Feb 9 2009, 12:13 AM
Post #3


Senior Member
***

Group: Member
Posts: 31
Joined: Jul 2007
Member No: 552,713
I did that, but then it moved everything even more to the left, & it's not centered anymore in Mozilla.
 
wintermelody
post Feb 9 2009, 01:50 AM
Post #4


Senior Member
***

Group: Member
Posts: 31
Joined: Jul 2007
Member No: 552,713
or should i just add a <center> tag in the index page? though, that would seem kinda lame...it would also center the text, too ><;
 
wintermelody
post Feb 9 2009, 02:46 AM
Post #5


Senior Member
***

Group: Member
Posts: 31
Joined: Jul 2007
Member No: 552,713
nevermind; the problem is fixed! though, i don't know how, but it just is. x3 thanks for your help, though :]
 
synatribe
post Feb 9 2009, 02:58 AM
Post #6


AIDS at RAVES.
******

Group: Official Designer
Posts: 2,386
Joined: Dec 2007
Member No: 598,878
omg another key clubber, how do you feel? biggrin.gif
 
manny-the-dino
post Feb 9 2009, 09:21 PM
Post #7


Senior Member
*******

Group: Administrator
Posts: 8,629
Joined: Jan 2007
Member No: 498,468
Topic Closed & Moved


You guys can keep your conversation going through comments or PMs. wink.gif
 
« Next Oldest · Webmasters' Corner Resolved Topics · Next Newest »
 

Closed TopicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic