How do i got to make this site fix all Screen resolution? I understand percentage will do it but it all has to be fixed in place.

 

I have tried it on all 3 PCs with different screen resolution all view it differently.

 

Regards

Raiders

I'll take a look for you.

Firstly, don't use tables for layout. Use only XHTML and CSS to structure and present your website. This will solve a lot of problems.

 

Secondly, I would go with a fixed width on your DIV's and aim for screen resolutions of 800 x 600.

 

Thirdly, I would put all of your CSS instructions in to an external style sheet. This helps to better separate structure from presentation and is generally considered best practice.

 

Also, your code has 12 XHTML errors in it. Go to the W3C HTML Validator and read through their suggestions for each error. Most of the errors are probably caused by just one or two errors that have cascaded through the document so you may find that when you fix one the rest fall in to line.

 

Hope this helps.

Sorry to be a pain but how do i set the 1st page index the bottom in to divs i have named them

 

In the head i have:

 

<style type="text/css">
<!--
#contents  #part  a  {
font-weight: bold;
color: #647CAE;
width: 50%;
display: block;
position: absolute;
z-index: 1;
}
#contents #part b {
color: #647CAE;
display: block;
position: absolute;
z-index: 2;
width: 50px;
}
-->
</style>

 

I have moved the other css to an external css sheet.

 

<div id="contents"> 
 <div align="justify">Welcome to the website for the Parish of St. Mary’s, Whifflet, Coatbridge.
St. Mary’s is one of the 75 Roman Catholic Parishes in the Diocese of Motherwell.
The Pugin built church being opened in 1893 makes St Mary’s Church the oldest of
Nine Roman Catholic Churches in the town. 

<br />
  <br />
The Parish Community of St. Mary’s strives to implement the Diocesan Mission Statement by “Working Together for Christ” at local, national and international level, Accordingly, we seek “by the power of prayer and the guidance of the Holy Spirit, to be Christ’s Church, living and caring for one another and spreading the good news of the Lord’s healing and redeeming power.”<br />
<br /><div id="part a">
 <p>Address</p>

 <p><br />
	  Postcode<br />
	  <br />
  Tel  </p>

 <p>Email</p>  
 <p>Parish Priest<br />
Deacon<br />
Deacon<br /></p>
</div>
<div id="part b">
 <p>Hozier Street<br />
Coatbridge<br />
North Lanarkshire</p>
 <p>ML5 4DB</p>
 <p>01236 423550</p>
 <p><a href="mailto:whiffletstmary@aol.com">whiffletstmary@aol.com</a></p>
 <p>Rev William Dunnachie<br />
Rev Angus MacKinnon<br />
Rev John Ferguson<br />
 </p>
</div>

 

its not making part b go to the side of part a like the table is shown. I have tried setting the width of part a to 25%

OK you need to remove all absolute positioning and z-index references, as well as any reference to display: block;.

 

this is what you need in basic form:

 

XHTML Code

<!-- WRAPPER START -->
<div id="wrapper">
<!-- CONTENTS START -->
<div id="contents">
<!-- INTRODUCTION START -->
<div id="introduction">
<p>This is where you would place all of your introduction content</p>
<p>Don't use br tags in your code. Use CSS instead to add space at the end of paragraphs by adding padding</p>
<!-- INTRODUCTION END -->
</div>
<!-- PART A START -->
<div id="part_a">
<p>This is where your content for part a will go.</p>
<p>Remember, use p tags to create new paragraphs and CSS to add space between them</p>
<!-- PART A END -->
</div>
<!-- PART B START -->
<div id="part_b">
<p>Again, this is where your content for part b would go</p>
<!-- PART B END -->
</div>
<!-- CONTENTS CLEAR START -->
<div class="clear">
<!-- CONTENTS CLEAR END -->
</div>
<!-- CONTENTS END -->
</div>
<!-- WRAPPER END -->
</div>

CSS Code

 

* {
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
}
#wrapper {
width: 100%;
text-align: center;
}
#contents {
width: 790px;
margin-left: auto;
margin-right: auto;
}
#introduction {
width: 100%;
}
#part_a {
width: 50%;
float: left;
}
#part_b {
width: 50%;
float: right;
}
.clear {
clear: both;
}

 

This should give you a general idea of what you need to do.

 

I would personally though, use a CSS styled unordered list to display your address information and the like. Much more semantically correct.

 

Hope this helps.

 

No charge by the way.

Thank you that's a perfect example. Thanks a lot mate.

Not at all, that's what where here for.

Good work Website Design Liverpool!

P.S. Just call me Gaz or Gareth.

how about now the site This it just a temporary one till i fix all the other pages, then it will go straight up as main. I think the navbar is a bit of a bother.

Its really not doing it with %

P.S. Just call me Gaz or Gareth.

 

Ah. Ok, Gareth.

 

 

how about now the site This it just a temporary one till i fix all the other pages, then it will go straight up as main. I think the navbar is a bit of a bother.

 

Dead link..

Ah. Ok, Gareth.

 

 

 

 

Dead link..

 

Its now at the main site www.stmaryscoatbridge.org.uk