HTML and CSS

Width Auto Resize to fit Screen

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Apr 2007

Posts: 1,120

Reputation: cguan_77 has a little shameless behaviour in the past

Solved Threads: 93

cguan_77

Offline

Veteran Poster

Width Auto Resize to fit Screen

Mar 13th, 2009

hi guys, is there a way to auto resize the width to fit the screen? is it possible?

•

Join Date: Mar 2009

Posts: 13

Reputation: ravi_9793 is an unknown quantity at this point

Solved Threads: 2

ravi_9793

Offline

Newbie Poster

Re: Width Auto Resize to fit Screen

Mar 13th, 2009

you can use:

Help with Code Tags

HTML and CSS Syntax (Toggle Plain Text)

width=100%

www.whost.in

•

Join Date: Jul 2008

Posts: 101

Reputation: ingeva is an unknown quantity at this point

Solved Threads: 9

ingeva

Offline

Junior Poster

Re: Width Auto Resize to fit Screen

Mar 13th, 2009

•

Originally Posted by ravi_9793

you can use:
Help with Code Tags

HTML and CSS Syntax (Toggle Plain Text)
width=100%
width=100%

To fill the screen you must also maximize the window.
Who would ever want to do that?

Yes, I'm running Ubuntu. Of course.

•

Join Date: Jan 2007

Posts: 3,210

Reputation: MidiMagic has a spectacular aura about

Solved Threads: 164

MidiMagic

Offline

Nearly a Senior Poster

Re: Width Auto Resize to fit Screen

Mar 19th, 2009

The width attribute is deprecated. Use a style:

Help with Code Tags

HTML and CSS Syntax (Toggle Plain Text)

.wfl {width: 100%}

Then, in the tag you want to be wide, put the following:

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<tag class="wfl">
<tag class="wfl">

The tag will assume the full width of its container.

Daylight-saving time uses more gasoline

•

Join Date: Apr 2007

Posts: 1,120

Reputation: cguan_77 has a little shameless behaviour in the past

Solved Threads: 93

cguan_77

Offline

Veteran Poster

Re: Width Auto Resize to fit Screen

Mar 21st, 2009

thanks MidiMagic i'll try it out

•

Join Date: Mar 2009

Posts: 77

Reputation: mj080 is an unknown quantity at this point

Solved Threads: 5

mj080

Offline

Junior Poster in Training

Re: Width Auto Resize to fit Screen

Mar 23rd, 2009

i would suggest that you float your tables on 100%. the main advantage on using percentages is that you would style the sheet according to most people's screens. visit sitepoint.com for more info on styling on CSS. they have a huge selection on books for you to sort your problem.

•

Join Date: Mar 2009

Posts: 4

Reputation: Trapped is an unknown quantity at this point

Solved Threads: 2

Trapped

Offline

Newbie Poster

Re: Width Auto Resize to fit Screen

Mar 23rd, 2009

Indeed to have a fluid layout you will have to use % to determine the width instead of pixels.

•

Join Date: Oct 2006

Posts: 232

Reputation: Rhyan is an unknown quantity at this point

Solved Threads: 24

Rhyan

Offline

Posting Whiz in Training

Re: Width Auto Resize to fit Screen

Mar 24th, 2009

Actually <div> element is 100% stretched by default, unless contained in another block element with fixed widht, or unless floated. So, if you are using div's and do not use neither float, nor width properties, they will be still 100% wide.
Now, what is your goal so we could help more?

" Of all the things I've lost,
I miss my mind the most...."
Mark Twain