Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

View Poll Results: WYSIWYG Editor or Hand-code

Voters
0. You may not vote on this poll
  • WYSIWYG Editor Is the way to go

    0 0%
  • Hand-code for sure

    0 0%
Results 1 to 2 of 2
  1. #1
    Junior Member
    Join Date
    Mar 2013
    Posts
    1
    Member #
    35563
    Hello to you,

    Someone recommed this forum to me because I have an unusual (to me) problem. when I resize my browser window my content move, can anyone help me out please, I've stepped out of the world of using WYSIWYG editor last year (not that I have anything against them). taking for example my navigation it shifts to the left. I have uploaded srceenshots of the problem.

    And look...go to this website for example (or any other) http://html5-showcase.com/ then resize it and nother move!! Please help, im tempted to go back to WYSIWYG editor though I feel lazy using it.

    If you need me to provide additional info

    HTML CODE
    HTML Code:
    <!DOCTYPE>
    <html lang="en">
    
    <head>
            <meta charset="utf-8" />
            <meta name="viewport" content="with=device-with, minimumscale=1.0, maximum-scale=1.0" />
            <title>Media Queries</title>
            <link rel="stylesheet" href="style.css" type="text/css"/>
            <link rel="stylesheet" href="reset.css" type="text/css"/>
            <!--[if lt IE 9]>
            <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
            <![endif]-->
    </head>
    
    <body>
        <div class="top-curve"></div>
    
        <header>
            <div class="logo"><img src="logo.png" alt="" title="" /></div>
            <div class="text">
            <nav class="nav">
                <ul>
                    <li class="home"><a href="#">Home</a></li>
                    <li><a href="#">Our Candy</a></li>
                    <li><a href="#">Our Story</a></li>
                    <li><a href="#">Candy Shop</a></li>
                    <li><a href="#">Contact</a></li>
                    <li><a href="#">Blog</a></li>
                </ul>
            </div>
        </header>
    CSS CODE
    Code:
    body {
    position: relative;
    background-color: #fff;
    overflow-x: hidden;
    }
    
    .top-curve {
    border: 1px solid transparent;
    width: 1000px;
    height: 30px;
    margin: 0 auto;
    background-color: rgb(13,186,250);
    }
    
    header {
    display: block;
    border: 0px solid red;
    height: auto;
    }
    header nav ul{
    font-family: 'Lobster 1.4';
    font-size: 19px;
    position: relative;
    top: -87px;
    display: block;
    margin: 0 auto;
    white-space: nowrap;
    text-align: center;
    border: 0px solid red;
    float: right;
    }
    header nav ul li {
    display: inline-block;
    padding-right: 35px;
    }
    header nav ul li a {
    text-decoration: none;
    color: #555;
    }
    header nav ul li a:hover {
    color: #fff;
    background-color: rgb(13,186,250);
    border-radius: 2px;
    }
    header nav ul li.home:before{
    content: url('home.png');
    position: relative;
    top: 8px;
    right: 5px;
    }
    Attached Images Attached Images

  2.  

  3. #2
    Senior Member Webzarus's Avatar
    Join Date
    May 2011
    Location
    South Carolina Coast
    Posts
    3,322
    Member #
    27709
    Liked
    770 times
    without really looking, and I don't know if this is going to have any effect, but your reset.css should always should be the first css to load.

    if its the standard css reset in there... you may be cancelling out some of the css in your sytle.css

    fix that first, if it's still an issue, let us know


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Search tags for this page

div moves when i resize the browser

,

text moves outside div on resize

Click on a term to search for related topics.
All times are GMT -6. The time now is 02:14 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com