How to shrink body of website

More
2 years 9 months ago #9611 by haceb2000
haceb2000 created the topic: How to shrink body of website
Not sure I am asking this question right but here goes. I want my site to have a centered body that does not take up the entire viewing window of the browser like this one: www.cybernet.com instead of this one: www.cybernetsystems.com

Does this make sense? I want there to be left and right space that I can change the background to and have it viewable. Right now it seems the content spans the whole page. How do I change that?

Thanks,

Please Log in or Create an account to join the conversation.

More
2 years 9 months ago #9612 by marcin
marcin replied the topic: How to shrink body of website
Hi,

This is a customization issue.
We can do this for you for additional fee.
If you want to get a quote please contact us via tickets:
www.joomla-monster.com/my-account/submit-ticket

Regards,
Marcin

Please Log in or Create an account to join the conversation.

More
2 years 6 months ago - 2 years 6 months ago #9751 by crysmarye
crysmarye replied the topic: How to shrink body of website
he basic CSS:

By CSS you can do this,

#body {
width: 100%;
height: 100%;
}
Here you are using a div with id body, as:

<body>
<div id="body>
all the text would go here!
</div>
</body>
Then you can have a web page with 100% height and width.

What if he tries to resize the window?

The issues pops up, what if he tries to resize the window? Then all the elements inside #body would try to mess up the UI. For that you can write this:

#body {
height: 100%;
width: 100%;
}
And just add min-height max-height min-width and max-width.

This way, the page element would stay at the place they were at the page load.

Using JavaScript:

Using JavaScript, you can control the UI, use jQuery as:

$('#body').css('min-height', '100%');
And all other remaining CSS properties, and JS will take care of the User Interface when the user is trying to resize the window.

How to not add scroll to the web page:

If you are not trying to add a scroll, then you can use this JS
regards:
crysmarye
senior developer at assignment writing service uk
Last Edit: 2 years 6 months ago by marcin.

Please Log in or Create an account to join the conversation.

Time to create page: 0.262 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2019 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.