SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Evangelist
    Join Date
    Oct 2005
    Posts
    405
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Padding Isssue on Form in IE

    http://logtek.creativebubbles.co.uk/contact-us/


    In IE the padding doesn't show above however in FF it does and im unsure why. Any Ideas?

    Code:
    /* stylesheet created by Creative Bubbles
    written 30/12/07
    
    Page Classes
    
    	.logtek  --   All logtek pages need this in the body
    	
    	
    */
    
    /*  Main Structure Styles */
    
    .logtek .centredInnerContainer
    {
    	margin: 0 auto;
    	width: 720px;
    	clear: both;
    }
    
    .logtek .footerCentredInnerContainer
    {
    	margin: 0 auto;
    	width: 500px;
    	clear: both;
    }
    
    .logtek .mainContainer
    {
    	margin: 0 auto;
    	width: 900px;
    	clear: both;
    }
    
    
    /* Sales Hotline Styles */
    
    .salesHotline
    {
    	margin-top: -29px;
    	height: 20px;
    	margin-left:600px;
    	z-index: 1;
    	position: relative;
    	text-transform: uppercase;
    }
    
    
    .salesHotline a
    {
    	color: #666666;
    	padding-bottom: 5px;
    	background-image: url(../images/arrow-grey.gif);
    	background-repeat: no-repeat;
    	background-position: 9px 0.15em;
    	padding-left: 0px;
    	padding-right: 0px;
    	padding-top: 1px;
    	margin-bottom: 10px;
    	float: right;
    	display: block;
    	font-size: 90%;
    	font-weight: bold;
    }
    
    .salesHotline .selected a,
    .salesHotline a:hover
    {
    	background-image: url(../images/arrow-red.gif);
    	color: #cc0000;
    }
    
    
    
    /*  Main Content Styles   */
    
    .logtek p
    {
    	margin:5px 0 0 0;
    	padding:0;
    }
    
    .logtek #leftCol 
    {
    	width: 181px;
    	float:left;
    	padding:0;
    	margin:0;
    }
    
    
    .logtek #centerCol 
    {
    	width:480px;
    	float:left;
    	margin:0 16px 0 16px;
    }
    
    
    .logtek #rightCol 
    {
    	width:200px;
    	float:right;
    }
    
    
    /* Navigation */
    
    
    .logtek .navigation
    {
    	width:181px;
    }
    
    .logtek .navigation p 
    {
    	margin:0;
    	padding:0;
    }
    
    
    .logtek .navigationItem p 
    {
    	background:#FE000D;
    	padding:8px 0 8px 22px;
    	margin:0px 0 1px 0;
    }
    
    .logtek .navigationItem p:hover 
    {
    	background:#e12f17;
    	padding:8px 0 8px 22px;
    	margin:0px 0 1px 0;
    }
    
    .logtek .navigationItem a
    {
    	color:#FFFFFF;
    	text-decoration:none;
    }
    
    
    .logtek .navigationItem a:hover
    {
    	color:#FFFFFF;
    	text-decoration:none;
    
    }
    
    .logtek .navigationSectionOver 
    {
    	background:#AF0C03;
    	padding:8px 0 8px 25px;
    	margin-bottom:1px;
    
    }
    
    
    
    .logtek .navigationSectionOver  a
    {
    	color:#FFFFFF;
    	text-decoration:none;
    	font-size:75%;
    }
    
    
    .logtek .navigationSectionOver  a:hover
    {
    	color:#FFFFFF;
    	text-decoration:underline;
    	font-size:75%;
    }
    
    .logtek .navigationSectionOverItem
    {
    	padding:3px 0 3px 0;
    }
    
    
    .logtek .navigationItemBottom p
    {
    	background:url('../images/menu-footer.jpg') no-repeat;
    	width:181px;
    	height:33px;
    	padding-left:0px;
    	padding-top:5px;
    	margin:0;
    }
    
    .logtek .navigationItemBottom p:hover
    {
    	background:url('../images/menu-footer-over.jpg') no-repeat;
    	width:181px;
    	height:33px;
    	padding-left:0px;
    	padding-top:5px;
    	margin:0
    }
    
    
    .logtek .navigationItemBottom  a
    {
    	color:#FFFFFF;
    	text-decoration:none;
    	padding-left:25px;
    }
    
    
    .logtek .navigationItemBottom  a:hover
    {
    	color:#FFFFFF;
    	text-decoration:none;
    	padding-left:25px;
    }
    
    
    /* Center Container Styles */
    
    .breadcrumbs
    {
    	font-family: Sans-Serif;
    	font-size:75%;
    	border-bottom:dotted 1px #737373;
    	padding-bottom:5px;
    	margin:0;
    
    }
    
    .breadcrumbs .breadcrumbsItemOver a 
    {
    	color:#b93e2d;
    
    }
    
    .mainTitle 
    {
    	font-size:1.5em;
    	color:#737373;
    }
    
    .subHeadingRed 
    {
    	font-size:13px;
    	color:#8d2130;
    	font-weight:bold;
    	margin:0;
    	padding:0;
    }
    
    .subHeadingBold
    {
    	font-size:1.0em;
    	color:#000;
    	font-weight:bold;
    }
    
    #centerContent 
    {
    	margin:0;
    	padding:0;
    }
    
    #centerContent a 
    {
    	color:#b93e2d;
    	text-decoration:none;
    }
    
    #centerContent a:hover 
    {
    	color:#8d2130;
    	text-decoration:none;
    }
    
    
    /* Form Styles */
    
    .formStyles 
    {
    	background:#EEEEEE;
    	border-top:solid #99999 1px; 
    	border-right:solid #99999 1px; 
    	border-bottom:solid #99999 1px; 
    	border-left:solid #99999 1px; 
    	margin-bottom:10px;
    	padding-top:10px;
    	padding-bottom:10px;
    }
    
    
    .formLabel 
    {
    	padding-left:20px;
    	padding-top:5px;
    }
    
    
    /* Right Col */
    
    .salesBox 
    {
    	margin-bottom:10px;
    }
    
    
    
    
    
    /******************  Bottom Styles  ************************/
    
    .logtek #bottomLinks
    {
    	padding-top: 10px;
    	padding-bottom: 10px;
    	width:480px;
    	border-bottom: dotted 1px #8c8888;
    }
    Thanks

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,485
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    IE doesn't take padding on the table element and you would either need to add padding to the td instead or do something like this to make room.

    Code:
    .formStyles {
        padding:0;
        border-top:10px solid #eee;
        border-bottom:10px solid #eee;
    }


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •