HTML & WEB-Design

Moderators: Jonathan
Number of threads: 1253
Number of posts: 3360

This Forum Only
Post New Thread
Single Post View       Linear View       Threaded View      f

Report
When my browsers made smaller my webpage contents goes slap? Posted by Dean1986Uk on 16 Feb 2009 at 7:04 PM
Hi Dean here i need help on a problem ive got, i'm quite new to web design around 9 month's ago i started and i'm getting pretty solid in css,and already skilled in html, but the problem is ive recentley built my first home page for a website i'm creating but when i make the browser small by pressing the (square at the top right next to red cross)so the browsers half the size, all the contents on my page go everywhere, for instance the banner at the top goes to the middle with a lot of the paragraphs all over the place, how do i stop this? ive already tried
body { width: 100%;
hight: 100%; }

any help from any of your guys will be much appretiated :).
Report
Re: When my browsers made smaller my webpage contents goes slap? Posted by arunmsccs on 17 Feb 2009 at 12:31 AM
Hi,

Give your Link, or code it will helpful to fix the Problem.

Thanks
Report
Re: When my browsers made smaller my webpage contents goes slap? Posted by segsalerty on 1 Mar 2009 at 5:14 AM
Try to impliment this Buddy ! but , it will be so well to see your code and make corrections.
<html>
<head>
<title></title>
</head><!--end of your head here-->
<body><!- body starts here but do not start putting your contents in->
<div id="wrapper"><!-this wrapper will wrap your content, declare a margin in your css(ie margin:10px;) to create a fixed margin btw ur website content and the Browser( so, all your contents wont fly out their Boundry anyhow the browser is resized( the div is always closed at the end of all content to wrap them-->
<div id="content"><- you can start putting contents here-->
.......................
<div id="hearder">
......................
</div><!--end of header here-->
<div id="navigation_bar">
......................
</div><!--end of navigation_bar here-->
<div id="bodycontent">
......................
</div><!end of body content here-->
<div id="footer">
.........................
</div><!-- footer ends here-->
</div><!--[NOTE: This is the end of the wrapper]-->
</body><!--end of body here-->
</html>

i think this can help you ! i am also a newbiee ..
my email is
segun@segsalerty.com
Report
Re: When my browsers made smaller my webpage contents goes slap? Posted by Dean1986Uk on 8 Mar 2009 at 6:08 PM
HI THANK'S FOR GIVINHG ME SOME ADVICE ABOUT THE PROBLEM IM HAVIN, IVE JUST ABOUT FIXED THE SITE I'M CREATIN BY WRAPPING IT ALL IN A DIV. BUT THERES ANOTHER PROBLEM, IVE GOT TWO VERTICAL NAVIGATION BARS ONE ON LEFT AND ONE ON RIGHT, INSIDE THEM IVE FLOATED THE UNORDERED LISTS (LINKS) AND IVE PUT DISPLAY: BLOCK, BUT WHEN I CLICK VIEW MAKE TEXT BIGGER IN THE BROWSER THE UNORDERED LIST LINKS OVERLAP THE NAVIGATION BORDER'S, AS WELL AS A FEW PARAGRAPH DIV BLOCKS, WHATS THE BEST POSITION FOR THESE DO YOU RECKON? SO THEY WONT OVERLAP AND STAY IN THE NAV BOX? CHEERS FOR YOUR HELP BUDDY. DEAN.
Report
Re: When my browsers made smaller my webpage contents goes slap? Posted by segsalerty on 9 Mar 2009 at 11:38 AM
Uhmm , please can your send me your HOMEPAGE HTML FILE including your CSS file? so i can edit it make corrections and resend back to you .... JUST THE HOMEPAGE! ok ? if i fix the home for you , you can fix the rest with it ! send them to ( support@segsalerty.com)
my website is www.segsalerty.com ! i really havent finished constructing it but its online ... i do lil of it when i have free time.
hear from you soon



 

Recent Jobs

Official Programmer's Heaven Blogs
Web Hosting | Browser and Social Games | Gadgets

Popular resources on Programmersheaven.com
Assembly | Basic | C | C# | C++ | Delphi | Flash | Java | JavaScript | Pascal | Perl | PHP | Python | Ruby | Visual Basic
© Copyright 2011 Programmersheaven.com - All rights reserved.
Reproduction in whole or in part, in any form or medium without express written permission is prohibited.
Violators of this policy may be subject to legal action. Please read our Terms Of Use and Privacy Statement for more information.
Operated by CommunityHeaven, a BootstrapLabs company.