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/#

HTML

<!DOCTYPE HTML>
<html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<head>

</head>
<body>
    <div class="grid-container outline">
        <nav>
            <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>
            <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>
        </ul>
    </nav>
    <header>
        <div class="col-6"
        <div id="logo" align="center">
            <        

Answers


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 {
  max-width:100%;
}


reatlat February 2016

add padding == 0;

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

https://jsfiddle.net/1jkrwar9/

Post Status

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

Search




Leave an answer