Getting there, slowly but surely....

ace2109 · 1 Aug 2007 at 15:30

Hi Guys,
First off thakns for all your help in previous posts about my problems in setting up my website.

I have now changed to css to put everything in order and keep everything the same no matter what resolution is set.

The problem now is i have an image on the first page of my website. The problem is i can see it fine in firefox but not in internet explorer??

Why is this?

Here is the css code:
/* CSS Document */
body{
background: url(../images/background.jpg);
margin: 0px;
color: #000000
font-family:Calibri;
font-size:12px
}
#container {
position:relative;
width:800px;
margin:auto;
}
div.imageholder{
position:absolute;
width:424px;
height:544px;
left:376px;
top:100px;
}
div.navigation{
position:absolute;
width:200px;
height:444px;
left:800px;
top:120px;
z-index:5;

line-height:30px;
font-family:Calibri;
font-size:18px;
color:;
}
.style {
color:#FF9900;
font-weight:bold;
{
a.navigation:link{
color:#000000;
text-decoration:none;
}
a.navigation:visited{
text-decoration:none;
color: #660066;
}
a.navigation:hover{
text-decoration:none;
color:#FFFF33;
}
a.navigation:active{
text-decoration:underline;
color:#FFFF33;
}
div.contentarea {
position:absolute;
width: 600px;
height: 300px;
left: 50px;
top: 50px;
font:13px;
text-align:justify;
}

Thanks for your help, yet again

ace2109 · 1 Aug 2007 at 15:31

oh and sorry another one is that in internet explorer the text area is in the correct place, positioned away from the sides and top but in firefox its not??

ace2109 · 1 Aug 2007 at 21:16

this is reall frustrating i cannot see any text i put on my website.

When i code it in dreamweaver and press F12 to preview it works fine, but when i upload it via ftp and go to it live via my main domain name it doesnt work.

really getting frustrated with it.

any help guys would be great

ace2109 · 1 Aug 2007 at 21:56

Mammalian said:
i think the problem is the following part, im not going to say exactly what but see if you can find it yourself.

Code:

<div class="imageholder"<img src="images/desktoppc.jpg" alt="Desktop PC"/></div>

have a try fixing this and i will look into the text thing now

[edit]
im not seeing the problem with the text thing, it might be down to the mistake above that there is text missing but i can see all the text that is written in the html

Should it look like this?
<div class="imageholder"> <img src="images/desktoppc.jpg" alt="Coffee" /></div></div>

ace2109 · 1 Aug 2007 at 22:00

no mate,
i still cant see any css information in internet explorer???

can you?

ace2109 · 1 Aug 2007 at 23:00

sorry mate the problem with this is i have made a css file for this text but it is not responding to any of the change i make.

css code:
div.contentarea{
position:relative;
width: 37px;
height: 3px;
left: 17px;
top: 21px;
font:11px;
text-align:justify;
}

html code:
<div class="contentarea">
<p><span class="style4">Welcome to PC Super Geeks</span>
<p>PC Super Geeks, is a newly established Company aiming to help you get the most out of your PC at home or in the office</p>
</div>
<style type="text/css">
.style4 {
font-size: 24px;
color: #FF6600;
font-family:Calibri;
}
</style>
</body>
</html>

So really what should happen here is the text i type in should be out from the left hand side and down a bit from the top. But this is not happening