/    Sign up×
Community /Pin to ProfileBookmark

Small – looks like big resolution?

I work ([url]www.eduardlid.net[/url]) on a computer with a small display (1024 * 764). Every time I change the resolution of this public computer.
In it´s ´normal´ resolution the width of a div isn´t good (text on right image (lake)).
Can I improve this?

to post a comment
HTML

10 Comments(s)

Copy linkTweet thisAlerts:
@danielshillMar 16.2012 — Hi there,

I don't understand exactly what you mean, have you tried adding the following css:

div {

width: 100%:

}

Also, looking at your mark-up I would consider looking into XHTML (or at least appropriately opening and closing tags which would probably suffice)...
Copy linkTweet thisAlerts:
@CharlesMar 16.2012 — I would consider looking into XHTML (or at least appropriately opening and closing tags which would probably suffice)...[/QUOTE]Why on Earth should he do that?
Copy linkTweet thisAlerts:
@asaauthorMar 16.2012 — Hi there,

I don't understand exactly what you mean, have you tried adding the following css:

div {

width: 100%:

}

Also, looking at your mark-up I would consider looking into XHTML (or at least appropriately opening and closing tags which would probably suffice)...[/QUOTE]


I did the width: 100%, but that´s not the solution. It look´s fine on a big display, but not on the small one I´m working on: text is on image, not next to it (as it must be!).

But can I improve that or is the only solution to have a big display?
Copy linkTweet thisAlerts:
@danielshillMar 16.2012 — Why on Earth should he do that?[/QUOTE]

For someone entering the world of HTML wouldn't you suggest learning good habits such as correctly opening and closing tags?

Dumbfounded.
Copy linkTweet thisAlerts:
@spufiMar 16.2012 — For someone entering the world of HTML wouldn't you suggest learning good habits such as correctly opening and closing tags?

Dumbfounded.[/QUOTE]


  • 1. Using XHTML doesn't solve his issue.

  • 2. Validating his code has repeatedly been suggested by me alone.
  • Copy linkTweet thisAlerts:
    @spufiMar 16.2012 — Also...

    <i>
    </i>&lt;div id="content"&gt;
    &lt;div id="left"&gt;
    &lt;img width=270 height=360 align=left src="eduard.JPG" id="eduard" alt="img Eduard Lid"&gt;
    &lt;/div&gt;
    &lt;div id="middle"&gt; <br/>
    &lt;p&gt;Web design Dise&amp;#241;ador de sitios web&lt;/p&gt;
    &lt;p&gt;Translator Traductor&lt;/p&gt;
    &lt;p&gt; &lt;span id="spanishflag"&gt;&lt;img src="spanishflag.gif"/&gt;&lt;/span&gt; &lt;span id="germanflag"&gt;&lt;img src="germanflag.gif"/&gt;&lt;/span&gt; &lt;span id="dutchflag"&gt;&lt;image src="dutchflag.gif"/&gt;&lt;/span&gt; &lt;span id="americanflag"&gt;&lt;img src="americanflag.gif"/&gt;&lt;/span&gt; &lt;span id="germanflag"&gt;&lt;img src="germanflag.gif"/&gt;&lt;/span&gt; &lt;span id="dutchflag"&gt;&lt;image src="dutchflag.gif"/&gt;&lt;/span&gt;&lt;/p&gt; &lt;/p&gt;
    &lt;/div&gt;
    &lt;div id="right"&gt;
    &lt;img width=320 height=360 align=right src="lake.jpg" id="lake" alt="lake"
    &lt;/div&gt;


    Use CSS to position as needed.
    Copy linkTweet thisAlerts:
    @spufiMar 16.2012 — See also here:

    http://matthewjamestaylor.com/blog/perfect-3-column.htm

    You will need to change the sizing of things, but the code is there.
    Copy linkTweet thisAlerts:
    @CharlesMar 16.2012 — For someone entering the world of HTML wouldn't you suggest learning good habits such as correctly opening and closing tags?

    Dumbfounded.[/QUOTE]
    HTML and XHTML each have their own different sets of rules. And some of what is required by XHTML is forbidden in HTML. If your going to learn good HTML habits then you should be following the HTML rules, not the XHTML rules.

    HTML and XHTML each have their uses and I use both. But I would never use XHTML for a web site.
    Copy linkTweet thisAlerts:
    @spufiMar 16.2012 — But I would never use XHTML for a web site.[/QUOTE]

    Why?
    Copy linkTweet thisAlerts:
    @CharlesMar 16.2012 — Why?[/QUOTE]Because for a web site I'm going for the largest audience. I want it to run on all browsers.
    ×

    Success!

    Help @asa spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 BETA 4.29,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @Yussuf4331,
    tipped: article
    amount: 1000 SATS,

    tipper: @darkwebsites540,
    tipped: article
    amount: 10 SATS,

    tipper: @Samric24,
    tipped: article
    amount: 1000 SATS,
    )...