WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Have an idea? on Wed Feb 10, 2010 11:49 am

asdfghjkl

avatar
Registered Member
Registered Member
New poster here! Recently been creating a website using HTML & CSS from scratch using Notepad++. I was under the impression that the more flat, or spread out the design, browsers would squish it automatically to fit on the page. Apparently this is not the case.

I current have a page where the main content starts 250 pixels from the left hand side of the screen, this causes some of the content disappear of the right hand side of on lower resolution screens. Should I be starting the content at the far left, or is there another web page design convention I should be following?

I assume there is a way around this however I can't seem to find it! Any help would be greatly appreciated. These forums are a wealth of knowledge! Idea

http://xigmapro.com/

2 Re: Have an idea? on Wed Feb 10, 2010 12:36 pm

Kratos

avatar
Registered Member
Registered Member
can u give me the link to your page or could you please post the code here ?

3 Re: Have an idea? on Wed Feb 10, 2010 12:44 pm

asdfghjkl

avatar
Registered Member
Registered Member
Code:
body  {
   background: #000000 url('background.ang') -x;
   font-family: arial, verdana, 'sans serif';
   font-size: 100%;
   text-align: left;
   color: #FFFFFF;
        margin:0;
 }
#navigation {
   border: 3px solid orange;
   /*position: fixed;*/
   /*top: 0px;*/
   /*left: 250px;*/
   height: 70px;
   width: 1000px;
        margin:;
 }
#content {
   border: 3px solid orange;
   /*position: fixed;*/
        position:relative;
   /*top: 70px;*/
   /*left: 250px;*/
   width: 1000px;
        margin:auto;
 }

http://xigmapro.com/

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum