web page too wide

@JosuleJun 10.2006

I originally built my site with Yahoo Site Builder, which doesn’t require any knowledge of HTML code. Then I moved my site to IPowerWeb, and that transfer turned out OK. I have a note on my site that says “this site is best viewed at 1024 x 768 pixels,” but a few people have still complained that some of my pages are too wide, and they don’t like to use the lateral scroll bar. I think they are using a lower resolution, and that causes the problem. I’ve heard there’s a way to manipulate the code so that the page width is automatically altered according to the resolution of the computer and the browser that is used. Is this true, and can a beginner like me make the necessary changes?

to post a comment

Full-stack Developer

@wh666-666Jun 10.2006 — #have you tried changing the width and height from pixels to percentages? For example a snippet of code:

id="drinks" [COLOR=Red]width="975" height="550"[/COLOR]>

<param name="movie" value="drinks.swf">

<param name="quality" value="high">

<param name="bgcolor" value="#FF9900">

<embed name="drinks" src="drinks.swf"

quality="high" bgcolor="#FF9900" swLiveConnect="true"

[COLOR=Red] width="975" height="550"[/COLOR]

type="application/x-shockwave-flash"

pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>

</object>

</center>

</body>

Becomes this bit of code (all highlighted in red):

id="drinks" [COLOR=Red]width=100% height=100%[/COLOR]>

<param name="movie" value="drinks.swf">

<param name="quality" value="high">

<param name="bgcolor" value="#FF9900">

<embed name="drinks" src="drinks.swf"

quality="high" bgcolor="#FF9900" swLiveConnect="true"

[COLOR=Red]width=100% height=100%[/COLOR]

type="application/x-shockwave-flash"

pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>

</object>

</center>

</body>

</html>

just change " or px to a % sign ... Its far easier to code .. and do it in notepad ... really easy that way

@JosuleauthorJun 11.2006 — #Thank you. I went into the html code for one of the pages, (in IPowerWeb's html edit program) and changed the width from 975 (it didn't have any quote marks around it)to 100%, as suggested, but it didn't seem to do anything. When I looked at the code again, it had inserted quote marks around the 100%, and I couldn't get it to stop doing that. Any other suggestions?

Josule

@wh666-666Jun 11.2006 — #delete the inserted quote marks. it should be just [COLOR=Blue]width=100% height=100%[/COLOR] Nothing else. Thats why i suggested notepad (right click *.html file and open with and save changes as html when exiting notepad) as web page creators tend to alter your code to what they think it should be.

web page too wide

3 Comments(s) _↴

Also in #Full-stackDeveloper _↴

Success!

Social

Version

web page too wide

3 Comments(s) ↴

Also in #Full-stackDeveloper ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #Full-stackDeveloper _↴