- This topic is empty.
May 23, 2016 at 4:18 am #242014
Hi, so i have this website http://frobjerg.esy.es, and in front page i have two div block with red border around it – http://prntscr.com/b7dyqb.
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.May 23, 2016 at 11:11 am #242036
Change your two meta lines
<meta name=”viewport” content=”height=device-height,width=device-width” />
<meta name=”viewport” content=”initial-scale=1.0″ />
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
See if that helpsMay 23, 2016 at 2:03 pm #242040
thanks for taking a look, but nothing changed.May 23, 2016 at 2:56 pm #242041
On the first page you noted; you have black diamonds with question marks.
Did you copy from this forum and paste to your website?May 23, 2016 at 3:03 pm #242042
<!DOCTYPE html> <html <head> <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 @ allMay 24, 2016 at 1:32 am #242056
yes i copied it and pasted, what black diamonds are you tallking about? i didn’t mentioned anything about diamonds :DMay 24, 2016 at 12:19 pm #242086
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="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script><script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></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.
- The forum ‘CSS’ is closed to new topics and replies.