3 replies [Last post]
sa6200
sa6200's picture
Offline
newbie
tx
Last seen: 4 years 31 weeks ago
tx
Timezone: GMT-5
Joined: 2011-10-01
Posts: 2
Points: 3

Hi to all,

I have launch a promotional website for my business that will open 2012. It's only an one page image.

www.BOBBYDUKE.com

It's been too long that I design my last website. I had added a css code that hopefully will adjust itself to any browsers as a full page site. I don't think I did right. Anyone can offer advise? Thanks in advance.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 11 hours 24 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9548
Points: 3602

Set html {width: 100%;}, then

Set html {width: 100%;}, then do

<div><img src="sample.jpg" alt="..." width="100%"></div>

Delete the empty div. It is not valid for the body element to have an inline child, i.e. the image element. I used the div container as the block child body requires.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

sa6200
sa6200's picture
Offline
newbie
tx
Last seen: 4 years 31 weeks ago
tx
Timezone: GMT-5
Joined: 2011-10-01
Posts: 2
Points: 3

How to adjust my website for all browers into full page?

Smile Hi Gary, Thanks for your help

I did what you suggested. Please see how it looks.

bobbyduke.com

Thanks again

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 11 hours 24 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9548
Points: 3602

Not quite there

Add this to your style element:

html {
  width: 100%;
  }

This

<div>
  <img src="Image.Aman22.jpg"
            alt="" 
            width="100%">
</div>

Replaces this:
<img width="1320" height="844" alt="" src="Image/Aman22.jpg">

Visit http://htmldog.com/ and go through the tutorials in order. That will greatly improve your knowledge base.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.