Modal Dialog won't centre on screen?

Hey guys.

Here's my website: www.alexgurr.co.uk

I'm trying to get my modal window centred on the screen. I've tried every combo of fixed, relative, absolute. I
had it working, then the navigation got bodged up so I started from my original index file, and now I cant get it working any ideas? You can see the dialog when you click the first project image. If you're right at the top its there but if you've are scrolled down the page at all and click it, it still opens at the top and doesn't move to the current center?

Here's the code pertaining the window:

 

Weird IE10 Issues

Hi all,

To start i'll paste my css and html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en-US">
 
<head>
<meta content="en-au" http-equiv="Content-Language">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<link href="../../resources/css/classes.css" rel="stylesheet" type="text/css">
<title>Gallery</title>
<link rel="shortcut icon" href="../../resources/images/favicon.ico">
</head>
 
<body>
 
<div class="header">

CSS Position Help

Hey good afternoon!

I've long delayed my process into switching over to CSS. Today I'm running across a position error and was wondering if anyone could spot the anamoly.

Here is the page:
http://cma.twoseven.org/css-trials-version-1

How it appears now:
I've used the fixed tag for everything except the text. I did this to test browser sizing. Code below:

@charset "utf-8";
 
body {
	background-color: #fafafa;
	font-size: 15.5%;
	margin: 0;
	padding: 0;
}
body * {
	font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {

css absolute positioning shows different in safari

Hi,

This is racking my brain!
I've tried everything.

The CSS absolute positioning shows different in safari. In Firefox it's perfect.

How do I get it to work in all sites.

Also, the sizing changes the site as well. Is there a way to make it stay the same size despite the browser size?

www.creativejeniusagency.com/bevy/bevy.html

position problem of two input elements with partial overlay

Hi All,

I am trying to display a input textbox with an overlapping image button on the right hand side. My problem is that when the page gets re-size, the image moves down. I know that my explanation is poor by you can see it in action here. Please use the spliter to expand collapsed the result area. I did not know how to upload my image, thus i have replace this with a blue button.

Any help will be greatly appreciate.

Thanks

Syndicate content