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

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
    Member #
    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) 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 lang="en">
            <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="//"></script>
        <div class="top-curve"></div>
            <div class="logo"><img src="logo.png" alt="" title="" /></div>
            <div class="text">
            <nav class="nav">
                    <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>
    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


  3. #2
    Senior Member Webzarus's Avatar
    Join Date
    May 2011
    South Carolina Coast
    Member #
    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 11:43 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: