HTML - What Is Deciding The Width Of This Html Page?

Hi first tech question in ages...

Anyway... I've seen a bunch of pages designed at 962px in width.

Anyone know where this figure comes from?

For example when we all used to design at 800px I would set width at 740px to cater for all browsers scroll bars etc. Is this how the new 962px figure is derived?

I was wondering how I could increase the width of the box. I thought it would be in the "width" field, but it did not work. COding below.


<style>
.box, .box * { margin:0; padding:0; }
.box { overflow:hidden; }
.box, .box p, box img { margin:1em 0; border:none !important; }
.box .title { margin:0.5em 0; }
.box .left, .box .right { padding:5%; float:left; width:46%; }
.box .left { background:#efefef; }
</style>
<div class="box">
<div class="left">
<h2 class="title">Title&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;&nbsp;<fb:share-button class="url" href="http://facebook.com/
test" />
</h2>
<p>Content above image.</p>
<img src="http://i.imgur.com/test.jpg" />
</div>
<div class="right">
<p>Content to the right of the image here</p>
<p>More text content on the right<br />This line isn't as spaced out <a href="path/to/file.html">link in content</a></p>
<a href="http://www.test.com" target="_blank">Your link</a>
</div>
</div>

I have created a website, and its aligned in a table Is there anyway I can make the height and width determined by the size of the screen without distorting the image? I'm fairly new to this, Thanks.

Hi, I'm kind of new to HTML and I've been trying to make a website that has 3 frames in it. One frame extends across the entire top of the page and has about a 100 pixel height. The second frame extends the entire length of the page, but only has a width of about 200 pixels. Which leaves the rest for the thrid frame. I'm doing this so that frames one and two don't change and all of the content changes in the third frame.

I'm running into an issue, because I cannot figure out how to get one frame extend across the top and one fram extend the length of the page. I can do one or the other but not both. is there any way that I can configure the columns and rows so that the page takes on this look?

Thank you.

here is a visual of what I'm trying to do:

Code:

____________________
|          1       |
|__________________|
|      |           |
|      |           |
|   2  |    3      |
|      |           |
--------------------

So i just added some google adsense floating ads to my website. They looked pretty nice where they were BUT when i tried it in a thin screen, it falls. So how do I define the border of when the horizonal scrollers appear?

BTW: the site where I need to define width is http://akkeonline.com

Thanks in advance, AkkeDaBest

Hi all, I am a totally new to html, "yesterday I could not even spell it".
I am working on a simple project where I have used a table to store page information (text and pictures), I read it somewhere it is the best way to do it.
I figured out how to set the context width in the cell (<td width="20">) but how do set the width of the cell?
Remember, I am not building "The Windsor Castle" just a little cuby house in the back so everything should be as simple aspossble, not necessarily the fastets and most versatile.
Thanks in advance.

hello Every can any one tellme How can i make a webpage open in Fixed height and Width which is to be opened by a Hyperlink

Example : like when you click On MORE link From The Smilies in this Forum it open a Small Window Resizeble Window

I have found what seems to be a rather big problem in the HTML canvas

When drawing circles, and I presume all shapes, the size of the circle is different based on whether one is filling it, or sketching it.

If we have a circle of radius 10 and line width k, and we decide to fill it, that line width will be evenly dispersed about the perimeter of the circle such that half the line width is inside the circle, and half is outside the circle.

If, however, the same circle is sketched, the line width will still be the same, but it will now be dispersed entirely on the outside of the circle, thus making it larger.

If I am wrong, and this is how figures are supposed to be drawn, or if I am simply not using the right settings, please let me know =)

Hello Everyone! (hoping for quick reply.. lol)

I am not sure if this should go here, or in the design section. I chose here, because it is a problem in the code itself.

I have introduced myself in the introductory section, if you want to know a little bit more about what I am doing this for.

I made a template design in The Gimp photo editor. I sliced it up, and opened up the HTML file in the editor Kompozer. It opened up just like it should, but I wanted a liquid type layout, so I turned the cell's widths into the corresponding percentages, though Kompozer rounded them off. (Shown below) However, when I previewed the file this time, it appeared as if it skipped every other cell, leaving a blank white space in its spot. Not even in the right percentages. I think I know what I've done wrong, looking back now that I am writing this thread. Can someone please point me in the right direction?
EDIT: Code posted as comment, due to lack of character room.

Hi, I have a few questions. I use Netscape Composer 7.2 to design my webpage (since it is free), and occasionally insert my own hand-written html code.

1. I have a 22" 16:9 wide-screen monitor. Why do websites waste all the space to the left and right of their content with either a background image or a single solid color? Many sites do this (but not google), such as:

http://www.summitpropertiesgroup.com/about.php
http://www.nytimes.com/
http://www.usatoday.com/
https://twitter.com/

Is it because they are all designed for small laptop monitors? Do most people have 17" desktop monitors these days?

2. What is the html code to shrink my webpage width to make my site look like these sites? Right now, my webpage is the width of whatever the monitor is. I assume I have to use one large table and set an absolute width to whatever??

3. How do I verify that my website looks just as good on a 14" laptop monitor as it does a 25" desktop monitor without having to buy all these monitors or ask friends to use theirs?

I am worried since I just hit the tab or space key on Netscape Composer when I want to indent in a certain manner, and I wonder how this looks to someone using a smaller monitor. I have 17" and 22" monitors myself so I know it looks good on those.

I also put 640 x 480 pics side by side, with text typed on top of each pic. I am worried on a smaller monitor, only one pic may fit, and the text on top will be mixed up.

Thanks for any help!

Stephanie

Is there a way to set the minimum width on html frames which are inside a frameset such that when resizing the frames do not disappear completely?

For example how would you do it in the following?

<html>
<frameset cols="50%,50%">
<frame src="left.htm" />
<frame src="right.htm" />
</frameset>
</html>

I have search around for possible answer(s) but I have not found a solution that works. Preferably, I am looking for a solution that works for recent versions of IE, FireFox at least.

Thanks.

in the past when ever I have string that is longer than the width specified in the <td>it always automatically line breaked for me.
But now I am encountering an issue with the <td> stop auto line breaking, and instead just increase the width of the table to make the string fit in 1 line.

if anyone know whats possibly causing this problem please reply, any thing suggestion is greatly appreciated. Thanks

HI everyone,

I am in process of creating a sample page. I need to pass values from one HTML page and i should get those values in other page.

For example i have used two sample pages like,

sample.html

l<html>
<head>
<title>
My first page
</title>
</head>
<body>
<a href="sample1.html" id="1001">Welcome to html </a>
</body>
</html>

sample1.html

<html>
<head>
<title>
My second page
</title>
</head>
<body>
<a href="sample1.html">Sample HTML page values came here</a></body>
</html>

I have used those two sample pages and i need to get the value of id="1001" in sample 1.html page

could anyone help me to solve this problem.

Thanks in advance

Regards,
Martin

Hi,

I have to display the results in 20 columns, in that 14 columns are frozen, rest of them are scrollable, when I give table widht in % then scrollbar presents to view the data in Firefox. If I see the same in IE, it doesnt show all the data, and there is no scrollbar.

If I give the table width in px form then to some extent I am able to see the scrollbar in IE, and minimum pixel I had to give is 3000 and above.

Is there any common solution to me to fix this so that I can see same both the browsers.

We would like to have solution, width in % not in px.

Please let me know the solution for this.

I have attached the zip file for your reference to see the code, please run in IE and Firefox and check it.

Advanced thanks,
Venkat