WordPress.org

Forums

css positioning problem (2 posts)

  1. bloodsaber
    Member
    Posted 6 years ago #

    my website http://www.afpakwar.com looks fine in firefox and chrome

    in ie 7 however gray bar under Arshad Zaman is invisible

    can someone help me

    here is the relevant code

    CSS

    #header
    	{
    /*	height: 85px; */
    		position:relative;
    		margin: 0  0 0px 40px;
    		text-align: center;
    /*	border-bottom-style: solid;
    		border-bottom-color: #e3e3e3;
    		border-bottom-width:20px;  */
    		border-top-style: solid;
        border-top-color: #ffffff;
    		border-top-width:5px;
    		display: block;
    		margin-left: auto;
    		margin-right: auto;
    	}
    
    	#header h1
    	{	background-color:inherit;
    		color:#555;
    		font-size:2em;
    		letter-spacing:-1px;
    		margin:30px 30px 0 0;
    	}
    
    	#header h1 a
    	{
    		background-color:inherit;
    		color:#555;
    		text-decoration:none;
    	}
    
    	#header p
    	{
    		background-color:inherit;
    		color:#777;
    		font-size:1.1em;
    		font-weight:bold;
    		line-height:1.3em;
    		margin:2px 30px 10px 0;
    	}
    
    	#header t1
    	{
    	/*position:absolute;
    		left: 320px;
    	*/
    		background-color:#e3e3e3;
    		color:#555;
    		font-size:1.1em;
    		font-weight:bold;
    		line-height:1.3em;
    		width: 760px;
    		float:left;
    	}
    
    	#frontphoto
    	{
    		position:absolute;
    		bottom:5px;
    		left:25px;
    		height: 80px;
    		width: 80px;
    	}

    the Header T1 is the title i need fixed

    Header.php

    <div id="header" >
    <h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
    <p><strong><?php bloginfo('description'); ?></strong><br /></p>
    <img id="frontphoto" src="<?php bloginfo('template_directory'); ?>/img/front.jpg" width="99" height="103" alt="" />
    <t1>Arshad Zaman</t1>
    </div>
  2. esmi
    Forum Moderator
    Posted 6 years ago #

    There is no markup tag t1. Try:

    <div id="header" >
    <h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
    <p><strong><?php bloginfo('description'); ?></strong><br /></p>
    <img id="frontphoto" src="<?php bloginfo('template_directory'); ?>/img/front.jpg" width="99" height="103" alt="" />
    <strong>Arshad Zaman</strong>
    </div>

Topic Closed

This topic has been closed to new replies.

About this Topic