Web page doing my head in.
09 March 2006, 11:20 PM
#1
Scooby Regular
Thread Starter
Join Date: Jul 2002
Location: Under your bonnet
Posts: 9,173
Likes: 0
Received 0 Likes
on
0 Posts
Web page doing my head in.
Can anyone tell me why the footer on this page wont align..
Driving me nuts..
www.ashlyn.plus.com/contact.html.
Andy
Driving me nuts..
www.ashlyn.plus.com/contact.html.
Andy
10 March 2006, 12:02 AM
#2
Scooby Regular
Join Date: Apr 1999
Location: Bore Knee Muff
Posts: 3,666
Likes: 0
Received 0 Likes
on
0 Posts
you have a rouge table tag, not enough divs (2 more needed at the bottom) think, try and tab the code nicely so you can see missing tags
Your stylesheet is a bit iffy, you shouldn't need that !important (hiding from certain browsers stuff) The main_container and footer and the culprits, too tired to work out why now
if your still stuck tomorrow afternoon I might have another look...
Your stylesheet is a bit iffy, you shouldn't need that !important (hiding from certain browsers stuff) The main_container and footer and the culprits, too tired to work out why now
if your still stuck tomorrow afternoon I might have another look...
10 March 2006, 07:26 AM
#3
Scooby Regular
Join Date: Apr 1999
Location: Bore Knee Muff
Posts: 3,666
Likes: 0
Received 0 Likes
on
0 Posts
How sad am I... First thing I do when I get up is look at your sodding web page again... 
Your style sheet is ok though although I wouldn't do that !important thing still
It's yer code! I've moved the footer under the main container, the main container wasn't closed properly.
Try this:
<body>
<div id="frame">
<div id="top_image"></div>
<div id="menu_image">
<div id="menu" align="right">
<a href="index.html">HOME</a>
<a href="specs.html">SPECS</a>
<a href="dyno.html">DYNO</a>
<a href="video.html">VIDEO</a>
<a href="photos.html">PHOTOS</a>
<a href="contact.html">CONTACT</a>
</div>
</div>
<div id="main">
<div id="main_container">
<h3>CONTACT ME</h3>
<p> </p>
<p> </p>
<p><a href="mailto: xxxxxxxxx" target="_blank">At work</a></p>
<p><a href="mailto: xxxxxxxxx" target="_blank">At Home</a></p>
<p><a href="mailto: xxxxxxxxx" target="_blank">On Hotmail / MSN</a></p>
<p><a href="http://www.myspace.com/dirtyshark" target="_blank">On Myspace</a></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
<div id="footer" align="right">
©2006 <a href="mailto: xxxx@xxxxxxXxxxxxx" target="_blank">xxxxxxxxx</a>
</div>
</div>
</body>
</html>
Your style sheet is ok though although I wouldn't do that !important thing still
It's yer code! I've moved the footer under the main container, the main container wasn't closed properly.
Try this:
<body>
<div id="frame">
<div id="top_image"></div>
<div id="menu_image">
<div id="menu" align="right">
<a href="index.html">HOME</a>
<a href="specs.html">SPECS</a>
<a href="dyno.html">DYNO</a>
<a href="video.html">VIDEO</a>
<a href="photos.html">PHOTOS</a>
<a href="contact.html">CONTACT</a>
</div>
</div>
<div id="main">
<div id="main_container">
<h3>CONTACT ME</h3>
<p> </p>
<p> </p>
<p><a href="mailto: xxxxxxxxx" target="_blank">At work</a></p>
<p><a href="mailto: xxxxxxxxx" target="_blank">At Home</a></p>
<p><a href="mailto: xxxxxxxxx" target="_blank">On Hotmail / MSN</a></p>
<p><a href="http://www.myspace.com/dirtyshark" target="_blank">On Myspace</a></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
<div id="footer" align="right">
©2006 <a href="mailto: xxxx@xxxxxxXxxxxxx" target="_blank">xxxxxxxxx</a>
</div>
</div>
</body>
</html>
Thread
Thread Starter
Forum
Replies
Last Post