Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 02-13-2013, 02:59 PM   PM User | #1
stuckupvacant
New Coder

 
Join Date: Nov 2011
Location: Morley, UK
Posts: 41
Thanks: 7
Thanked 0 Times in 0 Posts
stuckupvacant is an unknown quantity at this point
CSS Image Padding/Margin Issue in IE

Hi Guys having an issue with IE styling



Uploaded with ImageShack.us

In firefox it displays correctly, in IE the causes the Green "Header" to expand

Code:
 
<div class = "topbar">
<div class = "header">		
<label id="headtext">Heavy Woollen District Junior Cricket League</label>
<div><img src="images/hwlogo.jpg" class="img1"></div>
</div>
		
<div class = "toplinks">
<a href="?&team=1" class="toplink">Home</a><a href="?page=leagues&&team=1" class="toplink">Leagues</a><a href="?page=teams&&team=1" class="toplink">Clubs</a><a href="?page=news&&team=1" class="toplink">News</a><a href="?page=gallery&&team=1" class="toplink">Gallery</a><a href="?page=fixtures&&team=1" class="toplink">Fixtures</a><a href="?page=results&&team=1" class="toplink">Results</a><a href="?page=admin&&team=1" class="toplink">Admin</a>		
</div>
		
<div class = "sublinks">
</div>
</div>
CSS

Code:
 
.img1
{
position:relative;
display: block;
left:7px;
top:-40px;
padding: 0px;
margin: 0px;
border: 0px;
}
Any help would be much appreciated
stuckupvacant is offline   Reply With Quote
Old 02-13-2013, 05:59 PM   PM User | #2
jamesicus
Regular Coder

 
jamesicus's Avatar
 
Join Date: Oct 2008
Posts: 106
Thanks: 0
Thanked 11 Times in 10 Posts
jamesicus is an unknown quantity at this point
Check out ..........

The CSS Box Model

The Box Model Problem
__________________
Web Developer Tool Kit - for creating Standards compliant and Interoperable web pages
W3C Markup Validation Service - validate HTML code for reliable rendering in all Browsers
WAVE accessibility evaluation tool - check page structure, image alt text, form labels, etc.
jamesicus is offline   Reply With Quote
Old 02-13-2013, 06:44 PM   PM User | #3
COBOLdinosaur
Regular Coder

 
COBOLdinosaur's Avatar
 
Join Date: Jul 2002
Location: Canada
Posts: 293
Thanks: 0
Thanked 18 Times in 18 Posts
COBOLdinosaur is an unknown quantity at this point
Without a link to the page so I can see the full code, my guess is that you do not have a proper doctype to keep IE out of quirksmode.
__________________
100% standards compliant code is 100% correct 100% of the time.
one of my toys from my repository and perhaps some help getting help

Cd&
COBOLdinosaur is offline   Reply With Quote
Old 02-15-2013, 09:39 AM   PM User | #4
stuckupvacant
New Coder

 
Join Date: Nov 2011
Location: Morley, UK
Posts: 41
Thanks: 7
Thanked 0 Times in 0 Posts
stuckupvacant is an unknown quantity at this point
Thumbs up

Quote:
Originally Posted by jamesicus View Post
Thanks for the links it's not a box model issue as such as padding, margin and border are all set to 0

turns out COBOLdinosaur was correct no DOC type assigned
stuckupvacant is offline   Reply With Quote
Old 02-15-2013, 04:29 PM   PM User | #5
COBOLdinosaur
Regular Coder

 
COBOLdinosaur's Avatar
 
Join Date: Jul 2002
Location: Canada
Posts: 293
Thanks: 0
Thanked 18 Times in 18 Posts
COBOLdinosaur is an unknown quantity at this point
Sometimes I get lucky.
__________________
100% standards compliant code is 100% correct 100% of the time.
one of my toys from my repository and perhaps some help getting help

Cd&
COBOLdinosaur is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 11:24 AM.


Advertisement
Log in to turn off these ads.