Forum Moderators: open

Message Too Old, No Replies

Aligning my page content

what is going wrong

         

contentmaster

3:34 pm on Feb 1, 2004 (gmt 0)

10+ Year Member



Hi
i have made a website using frontpage and have mainly used tables to place my content. I opened the site on a laptop and noticed that the horizontal lines that i have used or some of the logos i have used , specially at the bottom seem to be going haywire.....some extending beyond the extreme right edge of the overall page....
what is going wrong? How do i make sure that my page appears the same on diff browser settings and on diff resolutions....or atleast stay consistent with the overall layout.....

how do i optimise and design the page for best viewing irrespective of the resolutions at which it is being viewed?
Are there some setings i need to follow...also is it better to base my table on percentages or pixels to get consistent layout......
thanks

eWhisper

6:23 pm on Feb 1, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Front page often assigns tables and cells absolute size numbers. (Right click on a table or cell, select table or cell properties). In the box, you'll see width and height. Make sure the numbers are in percentages, and not pixels. If in pixels, the page will be the same width no matter. If done in percentages, the browswer will display by screen size.

thehittmann

6:43 am on Feb 2, 2004 (gmt 0)

10+ Year Member



agreed, percentages are the wat to go for cross browser / resolution compatability

thehittmann

6:48 am on Feb 2, 2004 (gmt 0)

10+ Year Member



you can also use a javascript to detect screen resolution and display the correct logo size that way if you have problems with your images height after changing it into a percentage.

replace your image and width with what you want yours to be.

<script type="text/javascript" language="JavaScript1.2">
<!--
var resWidth = window.screen.width;
if(resWidth > 1024) {
image1_width = 1000;
}
else if(resWidth == 1024) {
image1_width = 973;
}
else if(resWidth == 800) {
image1_width = 740;
}
else if(resWidth < 800) {
image1_width = 500;
}
else {
image1_width = 973;
}
var image1 = '<img src="your-image.jpg" width="' + image1_width + '">';
document.write(image1);
// -->
</script>

contentmaster

7:52 am on Feb 2, 2004 (gmt 0)

10+ Year Member



Ok so what i need to be careful about is making my tables and all other elements like horizontal line etc based on percentages rather than pixels.

But what about aligning my entire page in the center? I just need to set the table properties as align = center? is this correct?
and then what should be the percentage amount?