How can I make my site adjustable for different devices and not wider than my opened window?

Question

Sorry for asking, but I have already tried all the tips I found in the Internet. Somehow the site is still well-looking only on my own computer and awfully bad on my smartphone. At least, I would like to have it narrower. Already've tried max-width. that's my site

At the moment it looks like this in "body"

{

    background:  url(pics/background.png) ; 
    background-attachment: fixed;
    background-width: 100%


    background-repeat: no-repeat;
    background-size: cover;
}

If the whole code needed, I can attach it though there is nothing to be proud of.

Check this out: http://stackoverflow.com/questions/20515880/responsive-design — digitalextremist, Feb 14 '14 at 12:06
It is easier to switch to Responsive frameworks and once switched that 'll make your life easier. Bootstrap seems nice. — Arunkumar Srisailapathi, Feb 14 '14 at 12:11
Your site doesn't have much content so you can easily switch to frameworks. For getting to know about Bootstrap, here is the link: http://getbootstrap.com/ — Arunkumar Srisailapathi, Feb 14 '14 at 12:12
Do not visit the site in the question as it contains malware. — xordon, Feb 15 '14 at 00:26

pinakbheed · Accepted Answer · 2014-02-14T12:09:33.240

2

What you need is Responsive web design (RWD) to create sites for different device widths. Look it up on the internet to find many tutorials.

Also, I have noticed you are using table for creating the website layout. Creating layouts with tables will raise many issues. You should learn to create proper layouts first. http://learnlayout.com/ seems to have good tutorials.

An easier way is to use Twitter Bootstrap's grid system to create layouts. All you would be doing is adding classes to create proper layouts.

edited Feb 14 '14 at 12:09

answered Feb 14 '14 at 11:52

pinakbheed

36
3

I was hoping there is an easier way, because I do not find myself able to cope with RWD, but thank you so much for bothering! – Daria Feb 14 '14 at 11:58
you can use Twitter bootstrap to do the job for you. You will need their grid system. All you have to do is use their classes. – pinakbheed Feb 14 '14 at 12:04
haven't even thought about it! Thanks a lot! – Daria Feb 14 '14 at 12:06

How can I make my site adjustable for different devices and not wider than my opened window?

1 Answers1