samedi 30 avril 2016

"Invisible" content is floating and repeat behave weird

right now i'm sitting on my very first website and encounter my first major problem which i don't know how to solve.

My problem is that the content is scrolling way more to the left then it should and when i zoom out the "Zig zag" pattern behave weirdly but i'm not sure why.

I have here a jsfiddle link:

http://ift.tt/1pTxelg

<!DOCTYPE HTML>
<body>
    <div id="header">
        <div id="contenth">
            <div id="logo">
                <a href="index.html"><img src="http://ift.tt/1NbXov3" alt="logo" width="256px" height="100px"/></a>
            </div>
            <div id="sm">
                <a class="sm1a" href="http://google.de/rss" target="blank"><img class="smh1" src="http://ift.tt/1pTxeli" alt="RSS"></a>
                <a href="https://twitter.com/Katja_Krasavice" target="blank"><img class="smh2" src="http://ift.tt/1NbXmDn" alt="Twitter"></a>
                <a href="http://ift.tt/g8FRpY" target="blank"><img class="smh3" src="http://ift.tt/1pTxbWx" alt="facebook"></a>


            </div>
            <div id="suchfeld">
                <form>
                    <label>
                        <input id="suche" name"Suchbegriff" placeholder="Search..."/>
                    </label>
                </form>
            </div>
            <div id="shadow">
                <img src="http://ift.tt/1NbXmDp" alt="schatten"/>
            </div>
            <nav>
                    <a href="#"><img src="http://ift.tt/1pTxelk" alt="home"/></a>
                    <a href="#"><img src="http://ift.tt/1NbXmDs" alt="referenzen"/></a>
                    <a href="#"><img src="http://ift.tt/1pTxelm" alt="kontakt"/></a>
                    <a href="#"><img src="http://ift.tt/1NbXpyQ" alt="Über mich"/></a>
            </nav>
            </div>
        <div id="zig">

        </div>

        <div id="content">

        </div>
    </div>
</body>

i can't post CS

Aucun commentaire:

Enregistrer un commentaire