3 replies [Last post]
sa6200
sa6200's picture
Offline
newbie
tx
Last seen: 2 years 43 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: 1 hour 3 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9149
Points: 3133

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

Unplanned code results in a tangled wad of brain-cramping confusion.

There are enough html & css demos and tutorials to be interesting. Please visit.

sa6200
sa6200's picture
Offline
newbie
tx
Last seen: 2 years 43 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: 1 hour 3 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9149
Points: 3133

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

Unplanned code results in a tangled wad of brain-cramping confusion.

There are enough html & css demos and tutorials to be interesting. Please visit.