Increase spaces when decreasing page

Question

Increase spaces when decreasing page

Navigation

#1 by (2 votes)
#2 by (1 votes)
#3 by (0 votes)

0

I'm creating an HTML5 page where I want to put the correct page size for all usage types, ie the page appears correct regardless of the screen size.

When I reduce the HTML page this happens:

In css how do I fix this?

html css

asked by anonymous 19.01.2015 / 12:40

3 answers

Merge two tables into a third table Intercept methods

score 2 · Answer 1

2

Use% instead of px. Study fluid layouts or media query. If you want to use a front-end framework I recommend the bootstrap.

19.01.2015 / 13:38

score 1 · Answer 2

If I understood your layout well, both the top bar and the bottom bar are fixed. You can not increase the content space. What you can do is add the scroll bars when needed.

See an example in JSFiddle . The css is commented out to better understand the example.

score 0 · Answer 3

0

I advise you to study fluid layouts. But starting with % instead of px in your margins and paddings , is already a great start.

19.01.2015 / 13:24