Home Ask Login Register

Developers Planet

Your answer is one click away!

Tam Hartman February 2016

Extra pixels hiding out somewhere (HTML/CSS)

So I have this site I'm working on and everyone is pretty happy with it, but for some reason there are maybe 15-30 extra pixels chilling out on the right hand side. I played with it a bunch to see if I can fix it, but it appears that everything I do to fix extra pixels on the right side creates more extra pixels somewhere else.

fiddle here: https://jsfiddle.net/d7whsyr0/#


<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <div class="grid-container outline">
            <ul><div class="floatleft">
                <li><a href="#" width="50" height="50"></a></li>
                <li><a href="#"><img src="img/twitter.png" width="50" height="50"></a></li>
                <li><a href="#"><img src="img/instagram.png" width="50" height="50"></a></li>
                <li><a href="#"><img src="img/youtube.png" width="50" height="50"></a></li>
            <div class="floatright">
                <li><a href="#trump"><img src="img/trump250.png" width="50" height="50"></a></li>
                <li><a href="#"><img src="img/nito250.png" width="50" height="50"></a></li>
                <li><a href="#"><img src="img/ouaz250.png" width="50" height="50"></a></li>
                <li><a href="#"><img src="img/niku250.png" width="50" height="50"></a></li>
        <div class="col-6"
        <div id="logo" align="center">


dippas February 2016

you have a div tag that needs to be close here <div class="col-6" , close it and it may solve your issue.

plus you have a fixed width in your iframe HTML.

give it in your CSS max-width:100%

iframe {

reatlat February 2016

add padding == 0;

.col-6{ width: 100%; padding: 0; }


Post Status

Asked in February 2016
Viewed 2,749 times
Voted 6
Answered 2 times


Leave an answer

Quote of the day: live life