5 replies [Last post]
guysfunny
guysfunny's picture
Offline
newbie
Last seen: 3 years 34 weeks ago
Timezone: GMT+1
Joined: 2010-08-27
Posts: 3
Points: 4

Well guys I am new to CSS and dont knwo much in this.

I need help modifying my site.

my site is wrapped with wrap method it is centered and I am not able to utilized left and right empty space.

I have 2 options in mind
1) change the wrap method to something (I dont know which one)
2) create a layer(like we have "share layer for fb,twitter etc" in this site) left and right where i can place my contents (dont know how to create)

your help will be appreciable. Puzzled

CupidsToejam
CupidsToejam's picture
Offline
Guru
Waco, TX
Last seen: 2 years 12 weeks ago
Waco, TX
Timezone: GMT-6
Joined: 2008-08-15
Posts: 2634
Points: 1552

most sites will have a

most sites will have a wrapper. The wrapper helps contain everything, and help with centering the layout on the screen. The empty space to the left and right are whats left over if the display is larger then the design; its normal. These days, people have very large screens, and will always see the left and right spaces because most layouts are optimised for smaller screens, like 1024px, 800px wide. A few options:

1. change the layout. You can have the layout fill the screen no matter what screen size the user has with a liquid layout.

2. Optimise the current layout to support a larger screen size.

3. create the additional content outside the wrapper.

If you need further assistance, you'll need to post all your code html and css, or provide a link.


First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS

http://www.pixelbehavior.com

guysfunny
guysfunny's picture
Offline
newbie
Last seen: 3 years 34 weeks ago
Timezone: GMT+1
Joined: 2010-08-27
Posts: 3
Points: 4

Thanks for replying

Thanks for replying CupidsToejam.

All i can say is, this is how the script is designed, reduced in 900px.

1) but i want to override the wrap with "something"
2) or I wanted to use left and right empty space with layer.

#wrap {
margin: 0 auto; 
	width: 900px;	
	}

CupidsToejam
CupidsToejam's picture
Offline
Guru
Waco, TX
Last seen: 2 years 12 weeks ago
Waco, TX
Timezone: GMT-6
Joined: 2008-08-15
Posts: 2634
Points: 1552

for one, its not a script,

for one, its not a script, the code above is called css. Do one of the things I mentioned above to solve your problem. If you dont understand what I said, it maybe best to have somebody else make the edits for you.

Simply change the 900px to whatever width you want to make the wrapper wider.


First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS

http://www.pixelbehavior.com

guysfunny
guysfunny's picture
Offline
newbie
Last seen: 3 years 34 weeks ago
Timezone: GMT+1
Joined: 2010-08-27
Posts: 3
Points: 4

Thanks

Thanks CupidsToejam

Well, what i asked is not the same you answered.

yeah I got the solution (2 POINT) as i mentioned.

so I will be using jQuery to use empty space.

Stomme poes
Stomme poes's picture
Offline
Elder
Netherlands
Last seen: 2 years 25 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2008-02-04
Posts: 1854
Points: 378

m0arjQuery

+needs m0ar jQuerY!

I'm no expert, but I fake one on teh Internets