|
HTML - Html Page Size Problem
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; } Similar TutorialsHey would anyone be able to tell me how i can change the page size on html so that i dont have a scrollbar along the bottom of the page. what coding do i look for? do i need to look on the css or html? Thanks I want to create a html page which should not have address back, Back and Forward button. any help ? 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 © 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;
}
Hi there, I'm curious of how to code a fix display size of html files. If I were to set the size (when launching) as a monitor size 1024 x 768, which means users don't need to scroll up and down anymore. It will exactly fit into the screen. How should I go about doing it? Thanks and cheers........... 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 I am making my personal website and in the starting phase of development of HOME page I am getting a problem that when i enable the Yahoo! toolbar or Ask Toolbar the alignment of page changes picutres under <table> tag becomes little down. how to solve this problem? <a href="index.html" target="_blank" onclick="window.open(this.href,this.target,'status=no,toolbar=no,location=no,menubar=no,directories= no,resizable=no,scrollbars=no,height=600,width=800'); return false;" >Enter</a> This followed codes working properly, a window opened with the desired page and with desired conditions except resizable. It can be seen that "resizable=no" even then the page can be resized :S Lookin 4word hi everyone... I have divided a html page in two frames.one is header another is the main page. In main frame there is login form, when i am submitting form it calls the next page in the same frame by default and address in the address bar is not changing because page in the address bar is not changing only main frame is changing. I want that when i submit the form, page containing the header and main frame get vanished and next page should be called without these frames. thanks in advance Hey guys basically am trying to validate my page but am facing some problems, specifically warnings saying : *********<br/> The sequence <FOO /> can be interpreted in at least two different ways, depending on the DOCTYPE of the document. For HTML 4.01 Strict, the '/' terminates the tag <FOO (with an implied '>'). However, since many browsers don't interpret it this way, even in the presence of an HTML 4.01 Strict DOCTYPE, it is best to avoid it completely in pure HTML documents and reserve its use solely for those written in XHTML. What's wrong with that? Hi Guys, I hope someone can help me out. I have slightly changed the layout of my website and it now appears that at the bottom of one of my pages the HTML is different for no reason. Take a look Here and the part saying "Terms and Conditions" is different to everywhere else on the website (click any of the links within the webpage to see how it should look). The HTML coding is the same yet why on this page is the layout messed up? The only thing I can think of is that this webpage contains java script? Thanks in advance, any help appreciated. Hi all, I'd really appreciate some help on this one. I have a program which outputs very long strings of text to a HTML page. At the moment the text stays on one line resulting in an annoying horizontal scrollbar. How do I get the page to automatically format the text so that it all fits within a standard width, and so there's no horizontal scrollbar? Regards, Ruth Hi, Background: I have a small page that need to be embeded into a bounch of other html pages. Help needed: 1. Please provide the html chunk that I can use to embed the small page in to other html pages. 2. Is there a way of not using iframe? Can I use <Object> or <embed>? How? --------------------------- mba colleges in london hospitality management diploma can html set the size of a page? such as 5" x 7" ? if so, what are the tags? hi, I volunteered to maintain this (uploads and linkage): http://www.collier-ese-reform.com/ if you go to the About Us page why is it so wide and doesn't "shrink" as some of the others? what can fix in that aspect? THANKS! 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 .... Well, I plan on having quite a bit of text on my page, and rather than having to have lots of pages I want the page to be quite long. I've designed the site in photoshop and it's only just longer than the standard size of a web page when in full screen mode (F11). How would I make it so the web page is longer than how I designed it in photoshop? Or do I have to re-create it longer in photoshop? 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 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. I have link to a new page. I want to set the size of that page so that it's about 3"x4". Can I do that? Here's what I got so far <td class="listing"><div align="left"><a href="display_member.php?member_id=<?php echo $row_listMem['member_id']; ?>" target="_blank"><?php echo $row_listMem['name']; ?></a></div></td> |
|||||||