/    Sign up×
Community /Pin to ProfileBookmark

100% page height help me

Copy linkTweet thisAlerts:
May 04.2005

I have a webpage that use’s tables and whenever I set the table height to 100% it changes it to the way I want in the dreamweaver window but when I go into internet explorer nothing happens. Then when I try changing the height to say 600 all my tables get evened out and there ends up being a bunch of huge spaces between the images but not in the dreamweaver window. I was wondering how I could fix this so that my images stay placed the way I want them… here is my code…

<table width=”710″ height=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″ align=”center” bgcolor=”#FFFFFF”>
<tr>
<td width=”710″> img src=”images/line.jpg” width=”710″ height=”27″></td>
</tr>
<tr>
<td width=”710″> img src=”images/top.jpg” width=”710″ height=”75″></td>
</tr>
<tr>
<td width=”710″> img src=”images/menu.jpg” width=”710″ height=”27″></td>
</tr>
<tr>
<td>
<center>
<h3> Info </h3>
</center>

</td>
</tr>
<tr>
<td width=”710″ height=”27″><img src=”images/line.jpg” width=”710″ height=”27″></td>
</tr>
</table>

to post a comment
CSS

9 Comments(s) ↴

Copy linkTweet thisAlerts:
@BonRougeMay 04.2005 — Don't use tables for layout...
Copy linkTweet thisAlerts:
@dragonatorauthorMay 05.2005 — Ive had someone tell me that before but..

  • 1. everywhere on the internet uses tables practically


  • 2. Its not like divs are god.


  • 3. Divs arent compatable with most versions of netscape.
    • Copy linkTweet thisAlerts:
    @BonRougeMay 05.2005 — 
    1. everywhere on the internet uses tables practically[/quote]    Unfortunate but true. Things are changing though.

    2. Its not like divs are god.[/quote]    It's not all about divs. You can make a good page without using any divs.

    3. Divs arent compatable with most versions of netscape.[/QUOTE]    Rubbish! Where did you here such nonsense?

    Look, this topic's been debated over and over... Let's not get into it now. All I can say is that I'm right and you should start by reading the article in my sig with an open mind.
    Copy linkTweet thisAlerts:
    @50000May 05.2005 — What is the good practice for table?
    Copy linkTweet thisAlerts:
    @BonRougeMay 06.2005 — Tables are for presenting tabular data - such as a schedule or sports statistics.
    Copy linkTweet thisAlerts:
    @WofenMay 06.2005 — Why is this in the CSS form???

    Anyway, if you are using this is a CSS file, make sure you tell the sheet the size of the window to use.

    body {

    margin: 0px;

    height: 100%;

    width: 100%;

    }

    Make sure to place this somewhere in your css file.

    Wofen
    Copy linkTweet thisAlerts:
    @dragonatorauthorMay 07.2005 — what other ways are there to position stuff besides tables and divs?
    Copy linkTweet thisAlerts:
    @BonRougeMay 07.2005 — You can position any kind of element you like any where you like. For example, one thing I often see is a ul inside div tags. There is usually no need for the div tags. You can usually give the ul an id and all the appropriate properties and position that. Sometimes when people want to float an image to the left or right, they put the image in div tags and float the div. Again, this is not necessary as you can simply give the image itself an id and float that (as long as it's already within block-level tags such as p).

    Div tags are very useful, but they are sometimes over used. I've seen people doing things like this :
    [CODE]<div id="maintitle">Strawberry Cones</div>[/CODE] when of course we already have tags for a maintitle - h1.

    That's what I meant when I said it wasn't all about divs.
    Copy linkTweet thisAlerts:
    @Robert_WellockMay 09.2005 — The hack being: html, body {height: 100%;}
    ×

    Success!

    Help @dragonator 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.19,
    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,
    )...