Blogger Talk blogging forums Text link ads 
Blogger Talk
Blogger Talk
View topic - Blog header height variation IE



 Forum FAQ  •  Search  •  Memberlist  •  Usergroups   •  Register  •  Profile  •  Log in to check your private messages   

BloggerTalk.net Forum Index » Template Design » Blog header height variation IE

Post new topic  Reply to topic
 Blog header height variation IE « View previous topic :: View next topic » 
Author Message
techbeam
PostPosted: Tue Aug 14, 2007 2:17 am    Post subject: Blog header height variation IE Reply with quote

New Member
New Member

Joined: Jan 22, 2007
Posts: 1
Hi

My blog Digital Dreams header height is more in IE.IE displays more space after google search bar.Please take a look at my blog in IE.However header displays correctly in firefox.

Please helpDigital Dreams
Back to top
View user's profile Send private message
Sponsored Ads
Shawn
PostPosted: Sun Aug 26, 2007 3:40 pm    Post subject: Reply with quote

Site Developer
Site Developer

Joined: Sep 06, 2006
Posts: 324
Location: Canada
Hello techbeam icon_biggrin.gif

Welcome to Bloggertalk.net!

Sorry I missed this thread...

Well first you have a couple of errors, in your CSS and template that I found when I did a quick glance!

You need to always declare a height attribute for a nested DIV tag, as most browsers will not render them properly and this is what is happening with your blog

In your CSS you had the following

Code:

#header {
background:#900;
line-height:1.4em;
text-align:left;
position:relative;
padding:0.7%;
}


Change it to this ..

Code:
#header {
background:#900;
line-height:1.4em;
height:120px;
text-align:left;
position:relative;
padding:0.7%;
}


That will set the desired height of the DIV and give it a value, you can of course adjust this to your liking by changing the height:120px; to what you prefer...

Next error was in the search function you added in your header. You surounded it with a DIV tag but it had no attributes again...

You had this

Code:
<div align='center'>
<form action='http://search-techbeam.blogspot.com/' id='searchbox_013643209037587684121:pdpcz0upjp8'>
    <input name='cx' type='hidden' value='013643209037587684121:pdpcz0upjp8'/>
    <input name='cof' type='hidden' value='FORID:11'/>
    <input name='q' size='40' type='text'/>
    <input name='sa' type='submit' value='search now'/>
  </form>
  <script src='http://google.com/coop/cse/brand?form=searchbox_013643209037587684121%3Apdpcz0upjp8' type='text/javascript'></script>
</div>


Change it to the following...

Code:
<div style='text-align:center;position:relative;padding-top:35px;'>
<form action='http://search-techbeam.blogspot.com/' id='searchbox_013643209037587684121:pdpcz0upjp8'>
    <input name='cx' type='hidden' value='013643209037587684121:pdpcz0upjp8'/>
    <input name='cof' type='hidden' value='FORID:11'/>
    <input name='q' size='40' type='text'/>
    <input name='sa' type='submit' value='search now'/>
  </form>
  <script src='http://google.com/coop/cse/brand?form=searchbox_013643209037587684121%3Apdpcz0upjp8' type='text/javascript'></script>
</div>


Again you can adjust it to your likings by changing the following

Code:
<div style='text-align:center;position:relative;padding-top:35px;'>


This is what it will look like in Firefox and IE once the changes are made...



If you need any further help just shout!

Shawn DesRochers icon_biggrin.gif
_________________
| Affordable Web-Hosting | FREE Blog Directory |
PC Windows Tips |
Ultra Game Play
Back to top
View user's profile Send private message Visit poster's website
Display posts from previous:   
Post new topic  Reply to topic Page 1 of 1

BloggerTalk.net Forum Index » Template Design » Blog header height variation IE
Jump to:  



You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Design by Invision-Graphics | Powered by phpBB © 2006 phpBB Group
Clay Pigeon Shooting | Homeowner Loan | Loans | Loans | Debt
Get Your Ad Here
BloggerTalk.net Statistics
 Today: 13,510  Yesterday: 23,396  Unique Hits: 16154  Total Hits: 5,779,036
Page Rendered in: 0.56s - Total Queries: 0 - MySQL DB: 103.8 mb's - Pages served in past 5 minutes: 130

BloggerTalk.net All rights reserved.
Unauthorized distribution, transmission or republication strictly prohibited.
Design by Invision-Graphics.com Proudly hosted by VisionThisHosting.com