46 users online (0 members and 46 guests)  

Thread: web page margin


Page 1 of 2 1 2 Last
  Results 1 to 15 of 17

Related

  1. Problem with margin in CSS    Forum: CSS Forum
    Replies: 7
  2. Ie mysterious margin around my box...    Forum: CSS Forum
    Replies: 1
  3. Margin?    Forum: CSS Forum
    Replies: 4
  4. Problem with margin in CSS    Forum: HTML Forum
    Replies: 6
  5. Replies: 2
  1. #1
    allstarr
    allstarr's Avatar
    Guest

    Post little problem...

    On my new page, I decided checking it out both on my AOL and the MSN Explorer browser, which both start out small, and it cut off my right panel a little big. It cut it off on the inside of it too, which I can't figure out why, I've tried getting rid of the rightmargin and leftmargin, I've tried making the table smaller, but I can't get it to work. Here's my URL: http://www.angelfire.com/anime2/allstarr/index_1.html

  2. #2
    allstarr
    allstarr's Avatar
    Guest

    Post

    Oh ya, and how can I get it to show on smaller browser windows?

  3. #3
    allstarr
    allstarr's Avatar
    Guest

    Post

    anyone? It seams as if the left and middle panel scrunch in on the right panel when in a smaller screen. Can any of you guys figure out the problem?

  4. #4
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662

    Post

    At a guess ( Because im tired....) Id say that event though your tables are all set with percentile widths, its doing its best because you have a lot of 100% dotted around in there. Try 'nesting' a big table around all the others, and making that 100%, then fitting all your other tables with percentages of that.

    PS you still using loads of FONT tags? Haven't you read my CSS tutorials?

    BTW, my urls for my tutorials are -

    beginners http://www.somepeople.co.uk/css/begin.html
    advanced http://www.somepeople.co.uk/css/


    ------------------
    QuietDean-

  5. #5
    allstarr
    allstarr's Avatar
    Guest

    Wink

    lol. I guess I better start using css before you go crazy!

  6. #6
    allstarr
    allstarr's Avatar
    Guest

    Post

    Dang, and I had most all of my site done except half my html tutorials. I'm going to have to redo all 15-20 pages I had done before with new table structures.

  7. #7
    allstarr
    allstarr's Avatar
    Guest

    Post

    Ok, I kinda did what you said, but I have two problems. First now, the lowest table with the "contact me" on it doesn't align straight when in a smaller screen, and I wanna find a way to make it so there's no borders on the menu bars. Can anyone deal with this mess?

    <html>

    <head>

    <title>Html Help Unlimited</title>

    <meta name="description" content="The only place you'll ever need to go to get started
    into the vast world of html. Learn html, dhtml, SSI, CGI, php, search engine info, money
    making, graphics, links to graphics, web tools, webmaster resources, tips, tricks, links
    to free web hosters and paid web hosters, and much, much more!">

    <meta name="keywords" content="html, html help, html help unlimited, help on html, dhtml, dhtml help, help on
    dhtml, javascript, javascript help, help on javascript, Allstarr, graphics, graphics program,
    html site, web page designing, web design, backgrounds, webmaster, webmasters, tags, 2001,
    web page building, page building, web building, building, php, scripts, perl, pearl, javascript,
    java script, CGI, CGI script, dhtml script, SSI, SSI script, html tutorials, web tools, tips,
    tricks, web-master, web-master tools and resources, web-master tools, web-master resources,
    webmaster tools and resources, webmaster tools, webmaster resources, web master, search engines,
    money making, making money, paid hosting, free hosting, web hosting.">

    <meta name="author" content="Allstarr">

    <style type="text/css">
    <!--
    A:link {text-decoration: underline; color: white}
    A:active {text-decoration: underline; color: blue}
    A:visited {text-decoration: underline; color: white}
    A:hover {text-decoration: underline; color: blue}
    -->
    </style>

    </head>

    <body bgcolor="white" text="white" link="blue" alink="red" vlink="blue" leftmargin="22" rightmargin="22">

    <table bgcolor="#6699CC" height="15%" width="65%" border="1" bordercolor="darkblue" align="center">
    <tr>
    <td>
    <center>
    <h2>My Advertisements Here</h2>
    </center>
    </td>
    </tr>
    </table>

    <br>

    <table bgcolor="white" width="100%" border="0">
    <tr>
    <td>

    <center>
    <table bgcolor="#6699CC" width="16%" border="1" bordercolor="darkblue" align="left">
    <tr>
    <td bgcolor="darkblue">
    <center>
    <font size="2" face="Times"><b>Welcome</b></font>
    </center>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="index.html">
    <font size="2" face="Times">
    <b>Home</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="blah.com">
    <font size="2" face="Times">
    <b>Forums</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td bgcolor="darkblue">
    <center>
    <font size="2" face="Times">
    <b>Html Tutorials</b>
    </center>
    </font>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="Tutorials_List.html">
    <font size="2">
    <b>Tutorial List</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td bgcolor="darkblue">
    <center>
    <font size="2" faces="Times">
    <b>Script Tutorials</b>
    </center>
    </font>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="http://www.geocities.com/SiliconValley/Station/4320/">
    <font size="2" face="Times">
    <b>Java Script</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="http://phptutorial.cjb.net/">
    <font size="2" face="Times">
    <b>Php Script</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="http://webteacher.com/cgi/index.html">
    <font size="2" face="Times">
    <b>CGI Script</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="http://www.geocities.com/ResearchTriangle/Facility/4490/">
    <font size="2" face="Times">
    <b>Dhtml Script</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="http://hoohoo.ncsa.uiuc.edu/docs/tutorials/includes.html">
    <font size="2" face="Times">
    <b>SSI Script</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="http://www.btinternet.com/~d.d.owen/css/index.html">
    <font size="2" face="Times">
    <b>CSS (Style Sheets)</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td bgcolor="darkblue">
    <center>
    <font size="2" face="Times">
    <b>Graphics</b>
    </center>
    </font>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="Graphics.html">
    <font size="2" face="Times">
    <b>Graphics Evaluation</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="http://www.grouchyface.com">
    <font size="2" face="Times">
    <b>Grouchy Face</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="http://www.cooltext.com">
    <font size="2" face="Times">
    <b>Online Logo Maker</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="http://www.animfactory.com">
    <font size="2" face="Times">
    <b>Animation Factory</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td bgcolor="darkblue">
    <center>
    <font size="2" face="Times">
    <b>Free Script Sites</b>
    </center>
    </font>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="http://www.clickxchange.com/fr.phtml?act=116967.219">
    <font size="2" face="Times">
    <b>Javascript Mall</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="http://www.dynamicdrive.com">
    <font size="2" face="Times">
    <b>Dhtml Page</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td bgcolor="darkblue">
    <center>
    <font size="2" face="Times">
    <b>Web Tools</b>
    </center>
    </font>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="http://www.freepolls.com">
    <font size="2" face="Times">
    <b>Free Polls</b>
    </center>
    </font></a>
    </td>
    </tr>
    </table>

    <center>
    <table bgcolor="#6699CC" width="16%" border="1" align="right" bordercolor="darkblue">
    <tr>
    <td bgcolor="darkblue">
    <center>
    <font size="2" face="Times"><b>Free Web Hosting</b></font>
    </center>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="Hosting1.html">
    <font size="2" face="Times">
    <b>Host Evaluation</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="http://www.spaceports.com">
    <font size="2" face="Times">
    <b>Spaceports.com</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="http://www.angelfire.com">
    <font size="2" face="Times">
    <b>Angelfire.com</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="http://www.geocities.com">
    <font size="2">
    <b>Geocities.com</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td bgcolor="darkblue">
    <center>
    <font size="2" faces="Times">
    <b>Paid Hosting</b>
    </center>
    </font>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="Hosting2.html">
    <font size="2" face="Times">
    <b>Host Evaluation</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="http://www.tera-byte.com">
    <font size="2" face="Times">
    <b>Tera-byte.com</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="http://www.venturesonline.com">
    <font size="2" face="Times">
    <b>Venturesonline.com</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="http://www.futurequest.net">
    <font size="2" face="Times">
    <b>Futurequest.net</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td bgcolor="darkblue">
    <center>
    <font size="2" face="Times">
    <b>Search Engine</b>
    </center>
    </font>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="blah.com">
    <font size="2" face="Times">
    <b>Engine Evaluation</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="blah.com">
    <font size="2" face="Times">
    <b>Engine Submittal</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="http://www.webpositiongold.com">
    <font size="2" face="Times">
    <b>Web Position Gold</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td bgcolor="darkblue">
    <center>
    <font size="2" face="Times">
    <b>Site Counters</b>
    </center>
    </font>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="blah.com">
    <font size="2" face="Times">
    <b>Counter Evaluation</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="http://www.freecounts.com">
    <font size="2" face="Times">
    <b>Free Counts</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="http://www.sitemeter.com">
    <font size="2" face="Times">
    <b>Site Meter</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td bgcolor="darkblue">
    <center>
    <font size="2" face="Times">
    <b>Making Money</b>
    </center>
    </font>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="blah.com">
    <font size="2" face="Times">
    <b>Money Evaluation</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="http://www.cybergold.com">
    <font size="2" face="Times">
    <b>Cybergold</b>
    </center>
    </font></a>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="http://www.cj.com">
    <font size="2" face="Times">
    <b>Commision Central</b>
    </center>
    </font></a>
    </td>
    </tr>
    </table>

    <center>
    <table bgcolor="#6699CC" width="50%" border="1" bordercolor="darkblue" align="center">
    <tr>
    <td>
    <center>
    <img src="logo.gif">
    </center>
    <center>
    <font size="2" face="Times">
    <i>"From beginner to pro, it's all here."</i>
    </center>
    </font>
    </td>
    </tr>
    </table>
    </center>

    <center>
    <table bgcolor="#6699CC" width="60%" border="1" bordercolor="darkblue" cellpadding="5">
    <tr>
    <td>
    <font size="2" face="Times">
    <b>
    If you're looking for anything from learning to make a link all the way to learning money
    making ways and getting javascripts, it's all here. You have my promise that this site
    will satisfy your needs. If not, I'll tell you some place that does.
    </b>
    </font>
    </td>
    </tr>
    </table>
    </center>

    <center>
    <table bgcolor="#6699CC" width="63%" border="1" bordercolor="darkblue" cellpadding="5">
    <tr>
    <td>
    <font size="2" face="Times">
    TB/A-
    <br>Welcome to Html Help Unlimited. I hope you find everything you need. I've almost got the
    forums up, I think they'll be up by tomorrow.
    </font>
    </td>
    </tr>
    </table>
    </center>

    <center>
    <table bgcolor="#6699CC" width="63%" border="1" bordercolor="darkblue" cellpadding="5">
    <tr>
    <td>
    <center>
    <font size="2" face="Times">
    Here are some links to my friends pages and some other good musts for web-masters.
    <br>
    <br>

    <table bgcolor="#6699CC" width="45%" border="0" align="left">
    <tr>
    <td>
    <center>
    <font size="2">
    <a href="http://www.ahfb2000.com"><b>Html Help-Ahfb2000.com</b></a>
    <br>
    If I don't have it, Dave surely will.
    <br>
    <br>
    <a href="http://free.prohosting.com/~scanit/index01.html"><b>Web-Master Tools</b></a>
    <br>
    A great variety of free resources.
    <br>
    <br>
    <a href="http://www.flamingtext.com"><b>Alot Of Everything</b></a>
    <br>
    Has lots of catagories for neat stuff.
    <br>
    <br>
    </font>
    </center>
    </td>
    </tr>
    </table>

    <table bgcolor="#6699CC" width="45%" border="0" align="right">
    <tr>
    <td>
    <center>
    <font size="2">
    <a href="http://www.webmaster-resources.com"><b>Web-Master Info</b></a>
    <br>
    Information to help get your site started.
    <br>
    <br>
    <a href="http://www.tila.com"><b>More Tools and Resources.</b></a>
    <br>
    More Web-Master tools and resources.
    <br>
    <br>
    <a href="http://www.btinternet.com/~d.d.owen/web/index.html"><b>Dean Owens</b></a>
    <br>
    My friend here's got some resources.
    <br>
    <br>
    </td>
    </tr>
    </table>

    </td>
    </tr>
    </table>

    <table bgcolor="#6699CC" width="63%" border="1" bordercolor="darkblue">
    <tr>
    <td>
    <center>
    <font size="2" face="Times"</font>
    This site is 2001 allstarr.
    <br>
    -For further questions-
    <br>
    <a href="mailto: allstarr99@hotmail.com">Contact Me</a>
    </center>
    </td>
    </tr>
    </table>

    </font>
    </td>
    </tr>
    </table>
    </center>

    </body>

    </html>

  8. #8
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662

    Post

    Urgh. You ever tried sifting through other peoples table tags? Its bad enough with your own!

    Your best bet, I feel, is to make all the border=1 until it is ready to publish. TDs tend to 'soap-bubble' when you start changing the available screen size, so watch the borders and see where its going wrong.

    To be honest, webpages aren't meant to be seen at half-page widths, so I wouldn't put too much stress into it. Heres an idea...I know a script that will automatically maximise the window onload...will that do?

    Yes, CSS is great! Learn!

    ------------------
    QuietDean-

  9. #9
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662

    Post

    This is the script, I think it works, but I ain't going to test 'cos I'm off to the pub!

    Put in your <head>...

    <script language="JavaScript1.2">
    <!--

    window.moveTo(0,0);
    if (document.all) {
    top.window.resizeTo(screen.availWidth,screen.availHeight);
    }
    else if (document.layers| |document.getElementById) {
    if (top.window.outerHeight<screen.availHeight| |top.window.outerWidth<screen.availWidth){
    top.window.outerHeight = screen.availHeight;
    top.window.outerWidth = screen.availWidth;
    }
    }
    //-->
    </script>

    Heh.Beer,Beer,Beer,beer...

    ------------------
    QuietDean-

  10. #10
    allstarr
    allstarr's Avatar
    Guest

    Post

    Did you type something wrong? It says there's an error and it doesn't work. If nothing does work, I'll just add a little pop-up message when the page loads telling them to bring their browser screens to full size. And, if we can't get the javascript thing to work, does anyone know of a good cross browser pop-up message that well appear when the pages loads? I've seen them before but they've always been "microsoft front page 98 generated" stuff. Anyone?

  11. #11
    allstarr
    allstarr's Avatar
    Guest

    Post

    I would use it now, but to my knowledge it's not cross browser

  12. #12
    allstarr
    allstarr's Avatar
    Guest

    Post

    (CSS)

  13. #13
    HTML's Avatar
    Administrator

    Status
    Offline
    Join Date
    Aug 2000
    Posts
    3,445

    Follow HTML On Twitter Add HTML on Facebook Add HTML on Google+ Add HTML on Linkedin Visit HTML's Youtube Channel

    Post

    Lets look at this from the visitors perspective. surfer goes to site to learn HTML...surfer is greeted by a popup box that basically states, "I do not know how to make this page viewable to you"...surfer promptly leaves.


    But if you want to use the script, look for the 2 "pipes" | | ..uBB automatically converts it to 2 spaces in between, when it should only have 1 space .

    Dave

  14. #14
    allstarr
    allstarr's Avatar
    Guest

    Post

    still don't work. Ok, I won't use the message, but then I need the javascript thing working. Thanks for helping me guys

  15. #15
    allstarr
    allstarr's Avatar
    Guest

    Post

    ah...but I didn't see the OTHER set of bars I needed despace, now lets see if it works....ok, it works on my MSN Internet Explorer, but on AOL, it just makes the web page the full size, without making the browser window the full size. And on my MSN Explorer, where it has a naturally smaller screen, it doesn't go big unless I select 'new window' in the options link, and then it automatically makes it bigger. Do you think there's a big enough amount of people with the new MSN Explorer browser to worry about that. And if all needs be, make the pop-up message say just for AOL users?



Page 1 of 2 1 2 Last

Tags for this Thread