• There is an important update regarding account security and 2FA. Please click here for more information.
  • Welcome to PokéCommunity! Register now and join one of the best fan communities on the 'net to talk Pokémon and more! We are not affiliated with The Pokémon Company or Nintendo.
  • Imgur has blocked certain regions from viewing any images uploaded to their site. If you use Imgur, please consider replacing any image links/embeds you may have on PokéCommunity so everyone can see your images. Click here to learn more.

Help needed with layout.

In the body part of your CSS, try adding the following, just before the }
margin: 0;
 
Try assigning your background to a fixed width DIV container, and arrange it to the back of your layer order. Don't assign the background image to the page background.
Alternatively, you could just place your whole DIV-tags in an overall fixed-width DIV-container, and assign the background to that.
That should work.
 
Last edited:
PLEASE HELP ME WITH THIS!!!!!!




Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE>The Fantasies of Pokemon : Where your dream becomes true...</TITLE>
<META content="Put text here" name=classification>
<META content="Your name" name=Author>
<META content="Layout is Copyright © https://www.gnext.vze.com" name=copyright>
<META content="Your Keywords here" name=keywords>
<META content="Your Site Description here" name=description>
<STYLE type=text/css>



A:link {
	COLOR: #26330b; TEXT-DECORATION: none
}
A:visited {
	COLOR: #4a5a2e; TEXT-DECORATION: none
}
A:active {
	COLOR: #4a5a2e
}
A:hover {
	COLOR: #4a5a2e; TEXT-DECORATION: none
}


BODY {
font-family: Verdana;
font-color: #000; 
font-weight: normal;
font-size: 11px;
SCROLLBAR-FACE-COLOR: #74a232; SCROLLBAR-HIGHLIGHT-COLOR: #7eac3c; SCROLLBAR-SHADOW-COLOR: #6a9829; SCROLLBAR-3DLIGHT-COLOR: #659325; SCROLLBAR-ARROW-COLOR: #bee18d; SCROLLBAR-TRACK-COLOR:#b1dc74; SCROLLBAR-DARKSHADOW-COLOR: #659325;
margin: 0;
__________________
}

input, text area {
background: #83b33f;
font-family: Verdana;
color: #000000; 
border-style: solid;
border-color: #000000;
border-width: 1px; 
}



</STYLE>
<DIV id=Layer1 style="Z-INDEX: 0; LEFT: 0px; WIDTH: 775px; POSITION: absolute; TOP: 0px;">
<BODY text=black background="bottomlay.png"></DIV>
<DIV id=Layer1 style="Z-INDEX: 0; LEFT: 0px; WIDTH: 775px; POSITION: absolute; TOP: 0px;">
<IMG src="toplayer.png"></DIV></DIV>


This part is where it holds the two-part layout info:

Code:
<DIV id=Layer1 style="Z-INDEX: 0; LEFT: 0px; WIDTH: 775px; POSITION: absolute; TOP: 0px;">
<BODY text=black background="bottomlay.png"></DIV>
<DIV id=Layer1 style="Z-INDEX: 0; LEFT: 0px; WIDTH: 775px; POSITION: absolute; TOP: 0px;">
<IMG src="toplayer.png"></DIV></DIV>
 
It's just taht it's taking so long for someone to reply, and that side bar seems to be annoying a lot of people.

I don't even know what a DIV container is. Is that the <DIV layer=1....>? Does he mean that instead of using the background tag, just take it out and use the DIV layer?
 
Back
Top