...

View Full Version : IE playing around with my positioning



kosstr12
06-27-2007, 05:56 PM
Hey, I've had this site for a few weeks, and jsut started to work on it, and I'm Using Absolute positioning. I want to get a pretty simple solution if possible.

Problems:
-I cant get my content centered on the page
-On IE when you hover over the links it covers up the other ones


Here is my CSS:

body
{
background-color:steelblue;
}
p.shadow1
{
color:black;
font-size:6pc;
font-weight:bold;
position:absolute;
top:0px;
left:370px;
font-family:"informal roman", "Times New Roman";
}
p.text1
{
color:black;
font-size:6pc;
font-weight:bold;
position:absolute;
color:gray;
top:-2px;
left:368px;
font-family:"informal roman", "Times New Roman";
}
p.shadow2
{
color:black;
font-size:3pc;
font-weight:bold;
position:absolute;
top:140px;
left:270px;
font-family:"informal roman", "Times New Roman";
}
p.text2
{
color:black;
font-size:3pc;
font-weight:bold;
position:absolute;
color:gray;
top:138px;
left:268px;
font-family:"informal roman", "Times New Roman";
}
a.home
{
color:black;
text-decoration:none;
font-size:130%;
font-family:"informal roman", "Times New Roman";
position:absolute;
top:250px;
left:275px
}
a.home:hover
{
color:black;
text-decoration:none;
font-size:150%;
font-family:"informal roman", "Times New Roman";
font-weight:bold
}
a.contact
{
color:black;
text-decoration:none;
font-size:130%;
font-family:"informal roman", "Times New Roman";
position:absolute;
top:250px;
left:365px
}
a.contact:hover
{
color:black;
text-decoration:none;
font-size:150%;
font-family:"informal roman", "Times New Roman";
font-weight:bold
}
a.service
{
color:black;
text-decoration:none;
font-size:130%;
font-family:"informal roman", "Times New Roman";
position:absolute;
top:250px;
left:490px
}
a.service:hover
{
color:black;
text-decoration:none;
font-size:150%;
font-family:"informal roman", "Times New Roman";
font-weight:bold
}
a.webdesign
{
color:black;
text-decoration:none;
font-size:130%;
font-family:"informal roman", "Times New Roman";
position:absolute;
top:250px;
left:615px
}
a.webdesign:hover
{
color:black;
text-decoration:none;
font-size:150%;
font-family:"informal roman", "Times New Roman";
font-weight:bold
}
a.help
{
color:black;
text-decoration:none;
font-size:130%;
font-family:"informal roman", "Times New Roman";
position:absolute;
top:250px;
left:740px
}
a.help:hover
{
color:black;
text-decoration:none;
font-size:150%;
font-family:"informal roman", "Times New Roman";
font-weight:bold
}
a.othersites
{
color:black;
text-decoration:none;
font-size:130%;
font-family:"informal roman", "Times New Roman";
position:absolute;
top:250px;
left:820px
}
a.othersites:hover
{
color:black;
text-decoration:none;
font-size:150%;
font-family:"informal roman", "Times New Roman";
font-weight:bold
}
p.maintext
{
color:black;
font-size:1pc;
position:absolute;
color:black;
top:300px;
left:370px;
font-family:"informal roman", "Times New Roman";
}
p.services
{
color:black;
font-size:1pc;
position:absolute;
color:black;
top:375px;
left:370px;
font-family:"informal roman", "Times New Roman";
font-weight:bold
}

_Aerospace_Eng_
06-27-2007, 07:43 PM
CSS is useless without HTML. And why are you even using absolute positioning in the first place?

kosstr12
06-27-2007, 07:58 PM
HERE is my htmll:

<p class="shadow1">Ez Web Tek</p>
<p class="text1">Ez Web Tek</p>
<p class="shadow2">Everything on the web, Made easy</p>
<p class="text2">Everything on the web, Made easy</p>
<center>
<a class="home" href="index.html">Home</a>
<a class="contact" href="/contact">Contact Us</a>
<a class="service" href="/services">Our Services</a>
<a class="webdesign" href="/webdesign">Web Design</a>
<a class="help" href="/help">Help</a>
<a class="othersites" href="/othersites">Other Sites</a>
<p class="maintext">
Welcome to Ez Web Tek! Here, our goal is to please you. We<br>
have many different services,and all of them can be very<br>
useful to you.Some of our services are<b>:</b><br></p>
<p class="services">•Free Web Hosting<br>
•Cheap Web Design<br>
•Free E-mail Services<br>
•Other Great Services that will keep you wanting more</p>

koyama
07-01-2007, 06:57 PM
I think you'll get better response if you upload your page to some host. We need to see the complete HTML.

Jutlander
07-01-2007, 07:34 PM
I suggest you trash that page and recode it, without using positioning. It's not necessary at all.

Wrap everything on the page in a #wrapper and give it a margin: 0 auto; and a width. Perhaps some borders and perhaps a background color. You should really look into those things. ;) Also, look into some semantics, use a list for that menu, <h1> and <h2> tags for the header, not <p> tags.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum