make wrapper div to resize (fit) in mobile screen devices

Guys,

check here:

http://www.gv4r.com/index.php?lang=en

This is the default protostart template of joomla 3. I have tested in various mobile devices and HTML/CSS seem to work. No breaks at all.

BUT when page loads in a mobile device, it does not re-fit to its window (screen resolution).

How can i make it fit to window (resize) on mobile devices?

Address Validation Site Design

Hi this is my first time in posting at this forum, and I'm not really good at designing and css stuffs so I'm asking you guys for some suggestions below is the current look of my site and the css code. I need to have a better layout and put some color I guess.

mysite.png

css code:

#supermaindiv {
    position:static;
}
#maindiv {
    position:static;
}
#cma {
    position:relative;
    right: -200px;
}
#youentered {
    position:relative;
}
#gsays {
    position:relative;
    top:-120px;

Making my website responsive - facing problems.

HTML Code -

<!DOCTYPE html>
<html>
 <!-- Made by Yours Truly with loving support of Bootstrap 3.0 !-->
  <head>
    <title>Tushar Gupta | Web Developer & Designer</title>
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/animate.min.css" rel="stylesheet" media="screen">
 
 
    <link href="css/main.css" rel="stylesheet" media="screen">
     <link href="css/fontello.css" rel="stylesheet" media="screen">

Problem css position and resizing page

Hello!

I am currently redesigning my homepage. Now I want to make the navigation bar in the bottom-right corner of the screen. Now I am known with the existing properties in CSS for positioning (:absolute, :relative etc).

However trying out with this properties doesn't give me the desired result I want:
The DIV should stay in place (most bottom-right), when I resize my window.
This to make sure people use the site in fullscreen view.
Can anyone help me with this?

Grz,

Jeroen

Text columns with CSS

Hi there, I'm new here so take it easy on me! Smile

Ok so I'm trying to create 3 columns of text with css and thus far i've come across the following code:

.three-col {
       -moz-column-count: 3;
       -moz-column-gap: 20px;
       -webkit-column-count: 3;
       -webkit-column-gap: 20px;
}

and the html is like this:

Syndicate content