Programming Help

Web Development



What's Here?

  • Members: 136,789
  • Replies: 480,262
  • Topics: 74,870
  • Snippets: 2,567
  • Tutorials: 677
  • Total Online: 2,324
  • Members: 103
  • Guests: 2,221

Welcome to Dream.In.Code
Getting Help is Easy!

Join 136,789 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 2,324 people online right now. Registration is fast and FREE... Join Now!




HTML/CSS Div's Issue

 
 Reply to this topicStart new topic

HTML/CSS Div's Issue
bricktop
21 Aug, 2008 - 07:31 PM
Post #1

New D.I.C Head
*

Joined: 21 Aug, 2008
Posts: 1
Greetings,

I am trying to design a website, and am having some trouble with div's and repeating background. When i have the website at a high resolution (eg. 1280 x 1024) everything is perfect. However, when i turn down the resolution to a low resolution (eg. 800 x 600) the entire web page doesnt fit on the screen and a horizantal scroll bar is needed. The repeating backgrounds stops repeating to where the website fits, and there is no repeating background in the horizantally scrolled part.

1280 x 1024 Screenshot:
IPB Image

800 x 600 Screenshot:
IPB Image

Here is the code for the top bar of the design:
HTML:
CODE
<div id="Header1"></div>

CSS:
CODE
#Header1 {
    background: url('images/index_01.png');
    height:21px;
}


Any help would be greatly appreciated.
User is offlineProfile CardPM
+Quote Post

no2pencil
RE: HTML/CSS Div's Issue
21 Aug, 2008 - 07:36 PM
Post #2

My fridge be runnin OH NOEZ!
Group Icon

Joined: 10 May, 2007
Posts: 6,476



Thanked: 66 times
Dream Kudos: 2425
Expert In: Goofing Off

My Contributions
Hopefully this will fix your issue.

CODE
#Header1 {
    background: url('images/index_01.png');
    height:21px;
    background-repeat: no-repeat;
}
User is offlineProfile CardPM
+Quote Post

BetaWar
RE: HTML/CSS Div's Issue
21 Aug, 2008 - 07:43 PM
Post #3

#include <soul.h>
Group Icon

Joined: 7 Sep, 2006
Posts: 2,027



Thanked: 82 times
Dream Kudos: 1175
My Contributions
One thing you may want to try to do it make sure that your skin will work or is capable of working on an 800 width screen without using h-scroll.
User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic
Time is now: 12/3/08 01:33PM
Invision Power Board v2.1.7 © 2008  IPS, Inc.
Licensed to: MediaGroup1

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month