Why don't the columns,rows in my html page reading from a css file not doing what I expected it to.
Have I got the basics right in that if you put a <div></div> insicde another <div></div> is will become it's own unit? if that's the case, why on my test page does the horizontal columns not get wider when the image is align=left? the image just becomes bigger than the box.
Also, depending on the width of the left column Firefox pushes the right hand rows below the left hand column.
could you tell me why this is happening?
If I just don't understand it, can you point me in the right direction of some learning material.
site and css
www.coreyork.org/test.php
www.coreyork.org/test.css
Here's hoping!
helen robson
Registered User
11 posts
Philip Lench
Ambassador
193 posts
Hi Helen.
It doesn't look too bad. Try giving your 'div.frontpageleftcolumn' a height value. I've found that IE doesn't care about height and gives it automatically but FF wants it all written down.
Your biggest problem is that your page doesn't validate even though you have a W3C logo. The reason for this is that you have the Doc declaration repeated through your code along with multiple instance of the primary tags; html, body etc.
Click and scroll the code to see.
and right at the very bottom:
Few spelling mistakes too.
I love York
Harriers Online
Webamaze
It doesn't look too bad. Try giving your 'div.frontpageleftcolumn' a height value. I've found that IE doesn't care about height and gives it automatically but FF wants it all written down.
Your biggest problem is that your page doesn't validate even though you have a W3C logo. The reason for this is that you have the Doc declaration repeated through your code along with multiple instance of the primary tags; html, body etc.
Click and scroll the code to see.
flashvars="ww=200&hh=220" name="CoffeeCup" salign="lt" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/></object>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<!-- Created with the CoffeeCup HTML Editor 2007 -->
<!-- http://www.coffeecup.com/ -->
<!-- Brewed on 06/06/2007 15:31:18 -->
<head>
<title></title>
</head>
<body>
<!-- BEGI
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<!-- Created with the CoffeeCup HTML Editor 2007 -->
<!-- http://www.coffeecup.com/ -->
<!-- Brewed on 06/06/2007 15:31:18 -->
<head>
<title></title>
</head>
<body>
<!-- BEGI
and right at the very bottom:
</div>
<div class="clear"></div><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<!-- Created with the CoffeeCup HTML Editor 2007 -->
<!-- http://www.coffeecup.com/ -->
<!-- Brewed on 05/06/2007 11:21:41 -->
<head>
<title></title>
</head>
<body>
<div class="footer"><p class="footer">CoRE is the working name for York City Centre Churches Care and Development Trust <br>Registered Charity No. 1112461 Registered office address: 36 Cambleshon Road, York YO23 1EY</p> <p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-html40"
alt="Valid HTML 4.0 Transitional" height="31" width="88"></a>
</p></div>
</body>
</html>
</div></div>
</body>
</html>
<div class="clear"></div><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<!-- Created with the CoffeeCup HTML Editor 2007 -->
<!-- http://www.coffeecup.com/ -->
<!-- Brewed on 05/06/2007 11:21:41 -->
<head>
<title></title>
</head>
<body>
<div class="footer"><p class="footer">CoRE is the working name for York City Centre Churches Care and Development Trust <br>Registered Charity No. 1112461 Registered office address: 36 Cambleshon Road, York YO23 1EY</p> <p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-html40"
alt="Valid HTML 4.0 Transitional" height="31" width="88"></a>
</p></div>
</body>
</html>
</div></div>
</body>
</html>
Few spelling mistakes too.
I love York
Harriers OnlineWebamaze
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
