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


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


The page is incorrectly displayed in IE6


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.


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:

<title>The Desk of Brandon Hrycyk</title>
<link href="twoColElsLtHdr.css" rel="stylesheet" type="text/css" />
<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?


Syndicate content