The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Responsive div blocks

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #242014

    Hi, so i have this website, and in front page i have two div block with red border around it –

    I used media queries for a specific resolutions, but how do i make those 2 divs responsive in general? when u take and resize the page is really messed up.


    Change your two meta lines
    <meta name=”viewport” content=”height=device-height,width=device-width” />

    <meta name=”viewport” content=”initial-scale=1.0″ />

    Into one.
    <meta name=”viewport” content=”width=device-width, initial-scale=1″>

    See if that helps


    thanks for taking a look, but nothing changed.


    On the first page you noted; you have black diamonds with question marks.

    Did you copy from this forum and paste to your website?

    <!DOCTYPE html>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">

    When I changed to my header, it worked fairly well; even the images/js

    See if that helps @ all


    yes i copied it and pasted, what black diamonds are you tallking about? i didn’t mentioned anything about diamonds :D


    When I looked at your source code, where the equals sign were, there were black diamonds with a question mark (meaning the encoding was not utf-8.

    I knew you copied and pasted from the forum because we had discussions like this on here in the past. This forum causes curled quotes that will transfer to your text editor. This will throw your code off.

    I use Bootstrap, I do not worry about making my sire responsive; I just have to ensure I am linking to those files. I see “bootstrap” in your code, but no links to it. I’m not sure if this makes any difference, however.

    I also use :
    a link to my bootstrap.css file and

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --><!-- WARNING: Respond.js doesn't work if you view the page via file:// --><!--[if lt IE 9]><script src=""></script><script  src=""></script><![endif]-->

    in my head.

    I have Bootstrap on my computer, and on my server and link to my bootstrap/js/bootstrap.js file.

    I see you fixed your site though.

Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘CSS’ is closed to new topics and replies.