473,386 Members | 1,606 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,386 software developers and data experts.

width="100%" attribute

Howdy Folks,

I have a b/w fotograf that i am displaying on a website using the
width="100%" attribute so that it spans the width of the web browser

The rosolution of the picture is 1296 x 204. However when I display it
with width="100%", it doesn't look good anymore.

Here is the URL to the picture if you want to view it:
http://www.xml-dev.com:8080/cocoon/mount/docbook/

Somebody at the digital fotografy newsgroup suggested I should not use
the width="100%" on my image.

My question is how can i make a picture span the whole width of the
page without using the width attribute?

Thanks.
Saqib Ali
http://www.xml-dev.com
Jul 20 '05 #1
2 4911
It still looks good on IE 6.0...
Jul 20 '05 #2
sa***@stonebeat.org (Saqib Ali) writes:
I have a b/w fotograf that i am displaying on a website using the
width="100%" attribute so that it spans the width of the web browser

The rosolution of the picture is 1296 x 204. However when I display it
with width="100%", it doesn't look good anymore.

Here is the URL to the picture if you want to view it:
http://www.xml-dev.com:8080/cocoon/mount/docbook/

Somebody at the digital fotografy newsgroup suggested I should not use
the width="100%" on my image.

My question is how can i make a picture span the whole width of the
page without using the width attribute?


The problem is not the *method* used to set the width to 100% - as an
alternative you could use the CSS width: 100%; property - but the fact
that you are doing it at all.

The image is 1296 pixels wide. If it's displayed at any other width,
it has to be resized, *by the web browser*. Web browsers' image
resizing is fairly poor quality, and so if the browser viewport is not
1296 pixels wide (especially if it is _wider_) then there may be
problems.

--
Chris
Jul 20 '05 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

7
by: Andreas Prilop | last post by:
Internet Explorer displays <tt>, <code> etc. in a smaller font size: http://www.unics.uni-hannover.de/nhtcapri/temp/monospace.html I don't like the idea that monospaced text is displayed in a...
6
by: Joe Morrison | last post by:
By my reading of the HTML standard: http://www.w3.org/TR/REC-html40/struct/tables.html the HTML shown below should display the text "Enter password" with the input field immediately adjacent,...
16
by: J. C. Denton | last post by:
I just manually validated alexa's global top 100 sites and find only 2 sites that pass validation. They are http://www.microsoft.com/ http://www.wikipedia.org/ All others should go w3c...
1
by: Steve Richter | last post by:
here is the start of my .aspx page: <body> <form id="Form1" method="post" runat="server"> <TABLE id="Table2" runat="server" width="100%" border="0"> I understand the width=100% attribute to...
20
by: AndyZa | last post by:
Is the following html valid? <p><hr width="50%"></p> Or would the following be more "technically correct"? <p> <hr width="50%"> Do I require the closing </p> tag?
1
by: gelangov | last post by:
I am sorry, I am posting this message again, since I did not get any reply. I want to export a table into a "fixed width" file using SQL 2005 import export wizard. This is the version I have:...
0
by: douglas greenshields | last post by:
Hello all, wondering if you can help! This should be a simple one. I currently have an asp:panel in an .ascx file that renders in Firefox as a table with a width="100%" attribute. (The IE...
16
by: Tantale | last post by:
I used this serviec to check my webpage http://www.jmrw.com/Abroad/Barcelone/index.htm Made with Dreamweaver 8. The result is 206 errors, most of them "end tag omitted, but OMITTAG NO was...
7
by: Christian Hackl | last post by:
Hi everyone, I've got a question about what makes the "img" element's width/height attributes valid HTML or XHTML. First of all, this is a rather theoretical question, but digging through the...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.