/    Sign up×
Community /Pin to ProfileBookmark

HTML Display/Font Size Problems

Copy linkTweet thisAlerts:
Nov 26.2005

Hi All,

I’m a relatively new HTML’r, and I’m having some challenges with my code that I can’t resolve. Here’s the relevant piece of code:

~-~-~-~-~

<html>
<head>
<title><xsame%KEYWORD1/2%></xsame></title>
<meta name=”keywords” content=”<xsame%KEYWORD1/2%>”
<meta name=”description” content=”The Internet’s DEFINITIVE Source for <xsame%KEYWORD1/2%> Resources and Information.”
</head>

<body>
<table width=”682″><tr><td><font face=”Tahoma” size=”3″>
<h1 align=”center”>Information On <u><xsame%KEYWORD1/2%></u></h1>

<table border=”0″ cellspacing=”0″ cellpadding=”10″ align=”right”><tr><td>
<img src=”Image01.jpg” img alt=”<xsame%KEYWORD1/2%> Graphic” border=”0″>
</td></tr>

~-~-~-~-~

I’m encountering the following two problems:

  • 1.

    When I display the .htm page created with this code, there’s roughly a one-inch gap between the top of my browser window (below the toolbars) and the beginning of the displayed text. This happens in both IE and Firefox.

  • 2.

    Regardless of how I set the font size, it’s always significantly larger in Firefox than in IE.

    • Thanks in advance for any helpful input. ? I can provide more code or information if necessary, as well.

    Sam

    to post a comment
    HTML

    5 Comments(s) ↴

    Copy linkTweet thisAlerts:
    @CharlesNov 26.2005 — 1) Tables should not be used for layout. Use CSS instead.

    2) Make friends with [url=http://validator.w3.org/]The Validator[/url].
    Copy linkTweet thisAlerts:
    @WebFreedomauthorNov 26.2005 — Hi Charles,

    Thanks for posting an answer so quickly. I may have questions about your answers, but I'm going to see what I can figure out on my own first.

    Sam
    Copy linkTweet thisAlerts:
    @FangNov 26.2005 — 
  • 1. Headings (h1-h6) have different margins in IE and FF as does the [I]body[/I] and [I]html[/I] (margin, border and padding)


  • 2. Look at the [I]View > Text Size[/I] settings in both browsers.
    • Copy linkTweet thisAlerts:
    @WebFreedomauthorNov 26.2005 — Hi Fang,

    I must say that your answer to Question 2 led to a much simpler solution. Good call. ?

    On Question 1...this problem (1" top margin) appears in both IE and Firefox. Is there a way to set the margins for the <html> and/or <body> tags? I tried <html margin="0">, etc., but it didn't change anything. Or do you think it's the <h1> tag that's causing the problem?

    Rookie mistakes, I'm sure, but I'm [I]this[/I] close to finishing my pages...

    Thanks,

    Sam
    Copy linkTweet thisAlerts:
    @FangNov 26.2005 — A 1" gap is probably due to <h1>&lt;h1 style="margin:0;"&gt;bla&lt;/h1&gt;
    Read the first 3 [URL=http://www.w3schools.com/default.asp]tutorials[/URL]
    ×

    Success!

    Help @WebFreedom 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 5.18,
    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: @AriseFacilitySolutions09,
    tipped: article
    amount: 1000 SATS,

    tipper: @Yussuf4331,
    tipped: article
    amount: 1000 SATS,

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