HTML - Page Size

I have created one webpage for our website.
but when i view that page in a wide screen monitor, the page is alligning left.
ie. right part of the screen its giving blank with black color.
how to justify the webpage in widescreen.

Thanks,
Vinutha.

Hi all :

I want my web site to seem in full page in all browsers . But it is in fixed size and it only seems in the middle of pages .

Ex . Please see my site . www.coderelector.com . As you see the template is in the middle but I want my page to be like www.getafreelancer.com . Full screen ....

Hi, when I created my website www.monkeygambling.com I didn't think about the resolution of other peoples monitors. When most internal pages (homepage is fine i think) are viewed on resolutions below 1280*1024 the page contents moves around.

Could anyone help with out with the easiest way to stop this happening so the contents are fixed?

thanks for your help

Hi guys,

Okay I know my source code is a bit of a mess - but I wondered if anybody is able to tell me why the cell which has the text:

Quote:
STAYUPDATED:
News will appear here soon.
in it, varies in size from page to page.

e.g. http://www.bigbrotherwebsite.net/ind...page=nomsevics to http://www.bigbrotherwebsite.net/ind...tingunexpected and http://www.bigbrotherwebsite.net/ind...knowledgements - ideally I'd like the cell to remain the same size as the one on the last page... (Acknowledgements)

Any ideas gang? It's puzzled me!


- Joe

I recently updated my homepage to include more text, and moved some of the image buttons around. I noticed however, that if I view the site and increase the size of the font (control+mouse wheel) it also increases the amount of spacing between the buttons, enough to move one of the images to the next row.

Is there any way to stop these images from moving?

The site is he http://www.bacchanalpromotions.com

The current code is written like this, I think the margin tags are what gets increased when the font size goes up, but I don't know for sure... I tested on Firefox 3.6, at 1400x900 resolution.

Code:

<a href="booking.php?page=thss"><img height="100px" width="123px" src="performers_images/home-circus.png" onmouseover="this.src='performers_images/home-circus2.png'" onmouseout="this.src='performers_images/home-circus.png'" alt="" /></a>
<a style="margin-left:13px" href="booking.php?page=fire"><img height="100px" width="123px" src="performers_images/home-fire.png" onmouseover="this.src='performers_images/home-fire2.png'" onmouseout="this.src='performers_images/home-fire.png'" alt="" /></a>
<a style="margin-left:13px" href="booking.php?page=sideshow"><img height="100px" width="123px" src="performers_images/home-sideshow.png" onmouseover="this.src='performers_images/home-sideshow2.png'" onmouseout="this.src='performers_images/home-sideshow.png'"alt="" /></a>
<a style="margin-left:13px" href="booking.php?page=stilts"><img height="100px" width="123px" src="performers_images/home-stilts.png" onmouseover="this.src='performers_images/home-stilts2.png'" onmouseout="this.src='performers_images/home-stilts.png'" alt="" /></a>

i have created a page, and i will chk that in firefox, the height of that page is not fixed, but i go through with chrome, the page size is fixed with browser?
how to avoid this???
this is the page template code
#panelIMG{
position:absolute;
width:844px;
height:652px;
z-index:1;
left: 203px;
top: 14px;
background-image:url(template_bg.jpg);
background-repeat:no-repeat;
}

Hi.

This is something I have pondered on for a very long time and wish to know how to resolve. I have no idea if it is possible but I think I have seen it done before.

I need a piece of code for a frame that will automatically readjust itself to the page that is targeted in the frame, but will only go so far as the parameters I set it to. To me, it sounds like a rather complicated code and I'm really not sure whether it is possible, but if it is, it would be extremely useful for forum pages that are set to be inside a webpage.

What I want to achieve with this, is to have the frame to be able to extend itself inside the page, without putting a scrollbar on the actual frame. The page I have isn't actually structured with frames, so I would like to keep it that way. I have no idea if this IS possible but I would like to know.

Thanks,

KGB.

I want to create a html page
which should not have address back, Back and Forward button.

any help ?

I have a products page and want to provide link so when customer clicks link the resulting page loads in blank but only 400x400 pixels so the initial page remains visible and the loading page centers in the screen. Is that possible and how so?

Hello, can somebody please visit my site at http://www.badminton.com.mk/, and tell me why when I change the text-size (in Firefox, as well in IE), the page loses it's shape. I'm not that interested in fixing it, as i am courious why when the text size changes, left.jpg and right.jpg (left and right of the header picture) slips down... I just can't figure that one out....

Thanks!

hi guys, I have this code he

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Under construction</title>
</head>

<body style="background-color:#121212">
<div style="background: url(under_construction.jpg) no-repeat center top ;
    height: 1024px;
    margin: auto;">
</div>
</body>
</html>

the image under_construction.jpg is basically the page itself, it has a size of 1680x1024. As of right now the page doesn't adjust automatically to the users screen. Please help me change the code so that it'll adjust automatically to the user screen

hello,

I'm an HTML novice who designed/maintains my own site without any expertise at all. One problem I can't seem to figure out: When the browser window is sized more narrowly than the content on the page, the table sections get shoved down underneath one another. Most sites I see don't do that -- when the browser window narrows, the site content stays in place. Any insight about what my error is? You can check out the problem at www.adamgwon.com.

Thanks much.

Hi,

I would like to know if I can make the background image (over which I will write the content of the page) to fit the space I'm using. For example, I don`t how to explain it , but I see sites with the navigation bar image or the content image to adapt its size according to the amount of text on them. And then it seems like they are infinite, again, it adapts to the isze of the page. But my background image stays the same size all the time and I can see the end of it.

I know I didn`t explain it very well but I don`t know exactly what I need to do this so, if someone could help me, thanks a lot.

hi everyone

this is my first page so i will probably have a couple of questions to help give me an idea of how to do that i want! basically someone has asked me to design them a site, i did a web design course but that was 6 months ago and i need to learn new things for it as well as try and remember what ive learned!

ive got a semi basic layout, ill post the html and css, hopefully ill pate them in the right way (this definitely wont be the colour scheme, ive been following an online tutorial, want to get the layout right before making other tweaks)

basically in the content section theyre looking for a rectangular box that has 4 imaes, 2 side by side and two below. these will change when theyre rolled over and when a particular image is clicked it will take them to the correct section of the site.

as far as i understand from the css i have the size of the content section will change depending on how much information is there. how would i know what size to make the flash for insertion into this section so it fits properly without any gaps? sorry im a bit new to this but the more i learn the better! i dont have a clue how to actually code the flash yet but getting the size right would be a good start! thanks for your help

HTML Code:

<link rel="stylesheet" type="text/css" href="css/master.css" /> 
</head>

<body>

<div id="page-container"> <!--this div will hold all the other elements of the page-->

<div id="main-nav">Main Nav</div>
	
	<div id="header">
    <h1> Kilmaclolm Dramatic Society logo to be placed here </h1>
    </div>
	
	<div id="sidebar-a">
    
    		<dl class="hidden">
				<dt id="about"><a href="#">About</a></dt>
				<dt id="services"><a href="#">Services</a></dt>
				<dt id="portfolio"><a href="#">Portfolio</a></dt>
				<dt id="contact"><a href="#">Contact Us</a></dt>
			</dl>
	</div>
	
	<div id="content">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam gravida enim ut risus. 
	Praesent sapien purus, ultrices a, varius ac, suscipit ut, enim. Maecenas in lectus. 
	Donec in sapien in nibh rutrum gravida. Sed ut mauris. Fusce malesuada enim vitae lacus 
	euismod vulputate. Nullam rhoncus mauris ac metus. Maecenas vulputate aliquam odio. 
	Duis scelerisque justo a pede. Nam augue lorem, semper at, porta eget, placerat eget, 
	purus. Suspendisse mattis nunc vestibulum ligula. In hac habitasse platea dictumst.
    </div>
	
	<div id="footer"><!--floated divs dhould come first to avoid any IE issues-->
			<div id="altnav">
				<a href="#">About</a> - 
				<a href="#">Services</a> - 
				<a href="#">Portfolio</a> - 
				<a href="#">Contact Us</a> - 
				<a href="#">Terms of Trade</a>
			</div>
			Copyright &copy; Kilmacolm Dramatic Society. A website by D Keenan
	</div>

</body>
</html>

Code:

@charset "utf-8";
/* CSS Document */

html, body {      /*resets the margins and padding on both the html and body tags to 0 to ensure theres
	              no space between the top of the browser and the top of the page */
	margin: 0;
	padding: 0;
}

h1 {
	margin: 0; /* takes away the default margin and padding on h1 tags */
	padding: 0;
}

.hidden {
	display: none; /* any element with this class wont be seen on the site */
}
#page-container {  /* there is a # as this is an id, to be used once on the page only, not repeated elsewhere 
                   this div's height will change depending on the content*/
	margin: auto; /* browser sets margin, should centre the div */
	width: 760px; /* sets the width of the container */

}

#main-nav {
	background: red;
	height: 50px; /* the width doesnt need to be specified, it will be 760px as this is the with of the containing div */
}

#header {
	background: blue;
	height: 150px;
}

#sidebar-a {
	float: left; /* floats sidebar to left of the screen */
	background: darkgreen; /*the height is dependend on the content so no height will be set for the time being*/
	width: 280px;
}

#content {
	background: green; /*the height is dependend on the content so no height will be set for the time being*/
	margin-left: 280px; /*creates a margin as wide as the sidebar to separate the sidebar information and the content */

}

#footer {
	clear:both; /*When an element has the clear property assigned, if it comes into contact with a float it is placed right below where that float ends.*/
	background: orange;
	height: 66px;
	
}

i have 2 frames in my parent frame say 1.htm ie left frame and 2.htm ie right frame
now this 1.htm is quite a long frame and has a scrollbar
and 2.htm is a short one
i dont the scroll bar beside my frame 1 but want it to be for my entire parent window
ie i wont to scroll both my left and right frames together
how do i do that