Member Avatar for lewashby

My css file is size.css and it contains -> body { width: 100%; }
My html file is below. I can not see a difference between using and not using the css file. I'M trying to get everything on the page to get smaller(including images) and reduce down into one column.

HTML files.

<html>
<head>
<link href="size.css" rel="stylesheet" type="text/css" media="screen">
</head>
<body>
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
fawoiejfiowjeiofjweiojfiowejfiowejfiowejfioewjiofjewoijfoiwejfioejwiofjweiojfoiejfoijweiofjiowejfioejfiojewiofjioewjfoiewjifjoifjoijfweiojfeioj<br />
</body>
</html>
  • 4 Contributors
  • 5 Replies
  • 148 Views
  • 8 Hours Discussion Span
  • Latest Post Latest Post by TonyG_cyprus
Member Avatar for JorgeM

I'm not following what you mean by one column? Is this column to have a fixed width?

In your example, if you include a whole bunch of text it going to wrap within the body. It looks like I may not be seeing everything you included below. All I see is lines of long strings of text.

Can you clarify, or show a picture of the desired result?

Member Avatar for drjohn

When you use a single gigantic word with no spaces in it, it forces the container to be wide enough to hold it. The word will not break in the middle at random and have the remaining letters on a new line.
So you test is seriously flawed.
You should insert some spaces in that huge single word every 5 or six letters to get a more valid test.

Oh, if you look at your post above, you can see the text forcing its way out of the container...

Also, you shouldn't set the body width, you should put a wrapper div around all your content and set a width on that. This is much more flexible as now you can set a background for the wrapper AND a different one for the body itself.

Edited by drjohn
Member Avatar for drjohn

PS the default width for body is - wait for it, wait for it - 100%, so whether you set that in your css or not, the body width will be 100%.

Member Avatar for TonyG_cyprus

I saw a jquery script to do just that a while ago, can't remember what it's called though,
sure to find it on google.
Update: just found META name='viewport'. It's actually for mobile device scaling but it should work.
Google it and there are lots of explanations.

Edited by TonyG_cyprus because: new info
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.