Register for your free account! | Forgot your password?

Go Back   elitepvpers > Coders Den > Web Development
You last visited: Today at 17:46

  • Please register to post and access all features, it's quick, easy and FREE!

Advertisement



[Question] CSS HTML Width Problem

Discussion on [Question] CSS HTML Width Problem within the Web Development forum part of the Coders Den category.

Closed Thread
 
Old   #1
 
Spirited's Avatar
 
elite*gold: 12
Join Date: Jul 2011
Posts: 8,282
Received Thanks: 4,191
[Question] CSS HTML Width Problem

Hey everyone... so I'm having a weird problem with scrolling. Sorry if this is easy to figure out, this is my first css website. If I shrink my browser's size down to where my website needs scroll bars, the html container doesn't expand. I tried setting it to 100% width, but nothing happened. It only happens in non-traditional browsers (everything but IE for a change).



Here's my CSS code:
Code:
body {
	background-image: url("../images/background.jpg"); background-color: #ac804c; 
	background-repeat: no-repeat; background-position: center top; 
	font-family: "Century Gothic" , Sans-serif; font-size: 13px; color: 1d0000;
	margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; 
	width: 100%; }
	
#top_bar {
	background-image: url("../images/top_bar.png"); background-repeat: repeat-x;
	background-position: center top; width: 100%; height: 38px; 
	z-index: -2; }
	
img { border: 0px; }
	
img.logo {
	width: 441px; height: 214px; background: url("../images/logo.png") 0 0; z-index: 0; }
#EDIT - Resolved. The solution was to make an image of the bar that was the desired width of the website and to put that in the main container, then keep the smaller image of the bar outside of the container to fill the rest of the website when scroll bars aren't necessary.
Spirited is offline  
Old 04/25/2012, 21:52   #2
 
PseudoPsycho's Avatar
 
elite*gold: 1715
Join Date: Dec 2011
Posts: 672
Received Thanks: 207
First:
Code:
body { ... color: 1d0000; }
Put a "#" up to there.
Code:
img.logo { ... z-index: 0; }
You can delete this. z-index is for absolute position only.

And now to your problem. You could try with:
Code:
width:auto; min-width:100%;
PseudoPsycho is offline  
Thanks
1 User
Old 04/25/2012, 22:27   #3
 
Spirited's Avatar
 
elite*gold: 12
Join Date: Jul 2011
Posts: 8,282
Received Thanks: 4,191
Quote:
Originally Posted by PseudoPsycho View Post
First:
Code:
body { ... color: 1d0000; }
Put a "#" up to there.
Code:
img.logo { ... z-index: 0; }
You can delete this. z-index is for absolute position only.

And now to your problem. You could try with:
Code:
width:auto; min-width:100%;
That doesn't fix it. I tried that before, but thanks for the other too things.
I already fixed the problem. It's a browser problem that needs to be accounted for.

Edit:
Spirited is offline  
Closed Thread


Similar Threads Similar Threads
Question, About learning HTML/PHP etc.
04/15/2011 - Off Topic - 2 Replies
I have some free time , I started From HTML , CSS, all basic stuff for creating websites. It get's really interesting for me, planing on going php/mysql db works, after that Java/JQuery... but for those things i got like university lectures/lessons, from my family friend, so there is some serious stuff :D and Question : If i'll get everything good, will i be able to make some extra income from it ?
[Question] PHP in HTML ? Hiiilfe!!
04/08/2011 - Web Development - 19 Replies
Hallo Community. Momentan bin dabei ein Public Template/Site zu machen für WoW P-Server. Bin eigentlich auch mit dem Designen Fertig. Nun bin ich auch beim Coden angelangt. In Photoshop als "für Web Für Geräte Speichern" In Dreamviewer Editieren.
[Help] Getting Length and Width of the DMaps
08/03/2010 - CO2 Private Server - 3 Replies
I use spatial indexing for my server, which could be optimized a little, by adding the length and width of each map. I know it can be read from the map files, or some different file for sure, but I do not know how to do this, as I have no experience with maps. What I want is a simple text file including: MapID - X or Width - Y or Length where - is a space, so: 1002 1024 1024 I need this for all maps except for special maps such as houses, ships, new maps, explaining me how to do it...
pointer of width and size of pg
07/24/2010 - 4Story - 11 Replies
hi guys, i'm looking for a pointer (or maybe they are two..) i just want to know the width and the size of my character..i've tried several scan with CE but i've not find out.. can someone help?? thanks translated with google translate : hallo Jungs, ich bin für einen Zeiger (oder vielleicht sind sie zwei suchen ..)
[help]how to change body width?
01/19/2009 - Perfect World - 1 Replies
i have look many character with body unusual and i have some tutorial from cheatngine.org but didnt work like this bodyID = 0 colorBody = -16053469 headScale = 1000



All times are GMT +1. The time now is 17:49.


Powered by vBulletin®
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.
SEO by vBSEO ©2011, Crawlability, Inc.
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Support | Contact Us | FAQ | Advertising | Privacy Policy | Terms of Service | Abuse
Copyright ©2026 elitepvpers All Rights Reserved.