HTML/ CSS Resizing Help

by 8 replies
10
Hi Fellow Warriors,

I've been working on a landing page for one of my upcoming products but I can't seem to get this simple page working properly.

I'm having trouble centering and making it look good on other browsers. I know you can't make your site look the same on all browsers, but I at least want my site to be centered and have it resize on its own so that it fits any resolution.

I'm still a big noob at this stuff so I would greatly appreciate your guys' help.

Here's the HTML and CSS code:





#website design #css #html or #resizing
  • Please consider to pay someone to do it for you.

    You won't make it, you do not even understand basics of CSS and HTML. Sorry to say...

    It begins with the DOCTYPE used... and ends with the usage of overflow:hidden, position: absolute and float: ;...

    Too many errors.

    You can make a simple site like yours look the same on every browser if you know how.
  • There are a bunch of issues with this.... tags in all the wrong places, missing, and more. It's quite a disaster.
    There are tons of free video landing pages.... you might be better to grab a decent one and just fill in your details and don't mess with the code.
    • [ 2 ] Thanks
  • Reading your post.. some advices:

    Avoid the use of absolute position, use the margin: 0 auto; to center things horizontally.

    Read about display modes, it´s not the same working with block, inline-block, table, etc...

    As David said, lot´s of mistakes in the code, but CSS+HTML is easy to learn (at least the basic things) and the best way is writing, then writing more and when you think you know enough, re-write again.

    If you want, send me a PM and I will try to help you to set up your web.
    • [ 1 ] Thanks
  • So much for trying to code a simple landing page on my own hahaha

    Thanks for your reply Calco. I'll send you a PM.
  • Heres an example of a centered div that will display correctly on all browsers

    Never use absolute positioning for the general layout of your site. Within that div if you want to have 2 columns use:
    And so on, CSS is very easy once you learn the basics Replace "Centereddiv" with #videos and it should work for you!
  • Also in future try to use jsfiddle or something similar to display your code, so that we can see a working example of it as well. But as everyone pointed above, its all in the wrong place ^^..

    javascript after <html> should be before </head>

    The one that bowled me out was ....

    Code:
    <body style="overflow:hidden;"/>
</head>
<body>
    • [ 1 ] Thanks
    • [1] reply
    • Javascript should only be in head when the code styles the layout or adds e.g. text.

      If not then javascript should always be at the bottom of the code, before closing body tag.

      This is called best practice, Google and Yahoo recommends that.

      • [ 1 ] Thanks
  • There are several errors in your code. if you are a fresher in web design I would recommend you to start slow and with small simpler codes.

    Centering a website is simple. All you have to do is margin:0 auto;

    As for the browsers. You'll have to maintain browser compatibility in the CSS code.

    Make the site responsive using bootstraps so that the screen resolutions aren't a problem
Join the discussion

Next Topics on Trending Feed