Position problem

Hello! I have a problem with position of Flash gallery in my page. When i open it in 1366x768 it looks fine, becuase i configured that way. But when i change resolution to anything else (just width resolution) isnt in position anymore.

Link: Site

CSS:

P.sredina {
    margin-left: auto;
    margin-right: auto;
    margin-top: -46px;
    width: 950px;
}
 
#gallery {
    margin-left: 500px;
    margin-right: auto;
    margin-top: -500px;
    #position:absolute;
    #width: 10px;
}

html:

The page is incorrectly displayed in IE6

Hello,

I'm a beginner in CSS and I've got my page incorrectly displayed in IE6.
IE7/8 and Firefox are OK.

The URL of the site is http://www.chieforiginals.com.

The CSS is http://chieflondon.co.uk/templates/Chief_V1/css/template.css.

Any help is appreciated.

Alex

Formatting correct in Firefox but a mess in IE8, extra space between blocks

I am trying to do a fanpage on Facebook without any java and keep it FBML-compatible (i.e. a number of HTML tags are not allowed). I am a newbe but I have tried all resources I could find before asking here. Hope you can help me. Will csscreator.com be my new home? Smile

What I am basically trying to do is a layout with, from top to bottom
1. Header (full width)
2. Image for padding (full width)
3. Navigation column + main area
4. Image for padding (full width)
5. Three clickable images

Gap at top of div

I am having such a huge problem with a div giving me a mysterious gap at the top. It's a sidebar div that should nestle right up again the header div at the top of the page, but there is a 30 px gap.

Here is the HTML:

<head>
<title>The Desk of Brandon Hrycyk</title>
<link href="twoColElsLtHdr.css" rel="stylesheet" type="text/css" />
</head>
 
<body class="twoColElsLtHdr">
<div id="container">
  <div id="header">
  <div id="topNav2">
    <h2><a href="http://www.brandonhrycyk.com/blog">Blog</a></h2>
    <h2><a href="/about.html">About</a></h2></div>

float vs relative?

hi,

Syndicate content