|
| |
|
|
Aksaunders
Posts: 2
Joined: 7/5/2009
Status: offline
 |
Home page not rendering correctly - 7/5/2009 6:53:36
This is my first post at this site so I hope that you can help me. I have searched your forum for help but nothing I tried seemed to work for my issue. I am currently deployed to Iraq and to keep busy and my mind off things I decided to create a website for my family. It is also the first attempt at using DIVs to hold content. My problem is after writing the code with a lot of help found online, it renders perfectly on my computer. But does not render correctly on the live site. Here is my CSS:
#Banner {
Position:absolute;
Top:5px;
left:3px;
Width:707px;
height:95px;
}
#Site {
Position:absolute;
Top:105px;
Right:0px;
Width:707px;
height:45px;
background-color:#7e8b8b;
}
#HR {
Position:absolute;
Top:145px;
Right:0px;
Width:707px;
height:10px;
background-color:#7e8b8b;
}
#Quote {
Position:absolute;
Top:160px;
Right:0px;
Width:707px;
height:40px;
background-color:#7e8b8b;
}
#Text1 {
Position:absolute;
Top:211px;
Right:7px;
Width:440px;
height:216px;
float:right;
font-size:12pt;
padding:5px;
}
#Text2 {
Position:absolute;
Top:434px;
Right:7px;
Width:440px;
height:216px;
float:right;
font-size:12pt;
padding:5px;
}
#Text3 {
Position:absolute;
Top:657px;
Right:7px;
Width:440px;
height:216px;
float:right;
font-size:12pt;
padding:5px;
}
#Slideshow {
Position:absolute;
Top:211px;
Left:7px;
Width:240px;
height:176px;
}
#Frame {
Position:absolute;
Top:209px;
Left:5px;
Width:244px;
height:180px;
Z-index:1;
}
#Calendar1 {
Position:absolute;
Top:397px;
Left:7px;
Width:240px;
height:25px;
}
#Calendar2 {
Position:absolute;
Top:422px;
Left:7px;
Width:240px;
height:176px;
}
#Picture1 {
Position:absolute;
Top:603px;
left:7px;
Width:240px;
height:25px;
}
#Picture2 {
Position:absolute;
Top:633px;
left:5px;
Width:240px;
height:240px;
}
#Vertical {
Position:absolute;
Top:210px;
Left:249px;
Width:5px;
Height:667px;
}
#Footer {
Position:absolute;
Bottom:5px;
Right:7px;
Height:40px;
Width:693px;
line-height:38px;
}
The website URL is www.thefamily-saunders.com so that you can view the code. I am also giving a link to a picture of what the finished product should look like. The screenshot picture can be viewed at www.thefamily-saunders.com/images/screenshot.jpg
I appreciate any help that you an give a HTML/CSS writing newbie.
|
|
|
|
Aksaunders
Posts: 2
Joined: 7/5/2009
Status: offline
|
RE: Home page not rendering correctly - 7/5/2009 8:12:27
If you have taken a look at my home page, thank you. But I got it to work correctly. It seems that the path to the pictures on my page have to be exactly the same (capital letters and all). And I removed the DOCTYPE at the beginning of the code and it works. Perfectly. Thanks again. I am sure that you will see many more posts from me.
| |
|
|
|
treetopsranch
Posts: 1539
From: Cottage Grove, OR, USA
Status: offline
|
RE: Home page not rendering correctly - 7/5/2009 9:46:22
Please look again using FireFox this time.
_____________________________
Don from TreeTops Ranch, Oregon
"I've got a taste for quality and luxury"
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 