Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 1 of 1
  1. #1
    Junior Member
    Join Date
    May 2004
    Posts
    21
    Member #
    5916
    Hi all. I was wondering if someone could point me in the right direction to solve this problem. What's happening is basically this:

    The site is a horizontal layout, consisting of 3 frames (well, actually 5 considering the main content is broken into a left side for the photo, and the right side for content): a top (header) frame, middle (content) frame, and a bottom (footer) frame. So what I wanted to achieve was this: using css to position a graphic I created, I wanted to place this 3 px black line to the bottom of the header frame, and to the top of the footer frame, to give the content area a bit of look of depth. It positions fine in the footer. However, the header is where I am running into problems. Please note at this point that I believe it is coded correctly (or I hope so) because it is showing perfect in Firefox, but has a slight padding in Explorer. Let me go ahead and give the code I am using in the header:

    Code:
    <style type="text/css">
    *	{
    	margin: 0;
    	padding: 0;
    	}
    
    body	{
    	background: url('newbckg2.jpg') repeat;
    	font: 10px/14px trebuchet, verdana, arial;
    	color:#FFF;
    	}
    	
    #blur	{
    	position: absolute;
    	width: 100%;
    	bottom: 0;
    	left: 0;
    	padding: 0;
    	height: 3px;
    	background: url('headblur.jpg') repeat-x;
    }
    
    #logo	{
    	height: 120px;
    	width: 100%;
    	padding: 0;
    	background: url('logo3.jpg') no-repeat bottom left
    }
    #nav	{
    	position: absolute;
    	bottom: 0;
    	right: 0;
    }
    </style>
    </head>
    
    <body>
    	<div id="logo"></div>
    		<div id="nav"><img src="nav1.jpg"></div>
    			<div id="blur"></div>
    </body>
    The div #blur is where I am using the graphic I previously mentioned. Explorer bumps this graphic up from the absolute bottom of the page about 2 or 3 px, but as I have already mentioned, displays correctly in Firefox.

    Is this some type of explorer bug, or have I coded incorrectly?
    The page is located here www.thomasinamusic.com/newindex

    Thanks for any feedback.

    gretsky

  2.  


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:20 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com