Padding in internet explorer

Hi,

For some reason my webpage is not accounting for the padding I have added in my css file. In firefox and Safari it is fine but not in IE version 7. I am new to css html so have no clue as to why this is.

If you visit the page at www.jgurteen.co.uk/resolve/test.html in IE you will be able to see the problem

the blue and yellow div tags should have padding.

for the css file visit ...resolve/dinard.css

any ideas as to why this is?

thanks

Nov 10 '08 #1

Subscribe Post Reply

2309

David Laakso

397

Expert 256MB

Of course it is not working in IE. No doctype. No work in IE.

A doctype and proper character encoding has been added to your page (see below). It now validates XHTML 1.0 Strict. And works as intended in IE/6.0 and IE/7.0.

Expand|Select|Wrap|Line Numbers

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta name="generator" content=

"HTML Tidy for Linux/x86 (vers 11 February 2007), see www.w3.org" />

<meta http-equiv="content-type"

content="text/html; charset=utf-8" />
 
<!--

<html>
 
  <head>

-->  
 
 <link rel="stylesheet" type="text/css" href="dinard.css" />

 <title>Dinard</title>

   </head>
 
<body>
 
<div id="wrap">

     <div id="topstrip">
 
     <div id="highertopstrip"></div>

<div id="middletopstrip">
 
     <a href="index.html">HOME</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

     <a href="location.html">LOCATION</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

     <a href="activities.html">ACTIVITIES</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

     <a href="rooms.html">ROOMS</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;          

     <a href="tariffs.html">TARIFFS</a>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;      

     <a href="availabilty.html">AVAILABILITY</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;          

     <a href="bookings.html">BOOKINGS</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   

     CONTACT
 
</div>

     <div id="lowertopstrip"></div>
 
</div> 
 
<div id="content">

<div id="maintext"></div>

<div id="mainimage"></div>

</div>

<div id="lowerstrip"></div>
 
</div>
 
</body>

</html>

Nov 10 '08 #2

David Laakso

397

Expert 256MB

As of this writing, you're still running an invalid file . That will never do. Your markup is still not valid. Compare the file I posted to the forum with your file you now have online. Note what I commented out, with what you neglected to comment out.

Think of the w3c Markup Validation Service as your best friend.

PS I do not play games, and you are more than welcome...

Nov 11 '08 #3

Similar topics

Padding of nested divs in IE

by: AGChandler | last post by:

Hi, I have a div (class = "brands") containing other divs, each of which contains an image. I'm trying to set padding around the images, and my style seems to work okay on all but Explorer (I'm...

HTML / CSS

bottom padding or margin in ul?

by: A.Translator | last post by:

I have an unordered list as menu and want some space at the bottom, underneath the last <li>. I have tried: setting bottom-margin to ul setting bottom-margin to containing <div> setting padding...

HTML / CSS

table padding bug? - Internet Explorer 6

by: Knoxy | last post by:

Hello, I've noticed one or two people post on this before but nobody seems to have replied so raising the issue again... is this a known IE6 CSS bug? I have placed the following in my...

HTML / CSS

padding overlaps border of outer div

by: Red | last post by:

See http://reenie.org/test9.php There are two examples each with three nested divs. The only difference between the two is that the first example has no padding in the inner div, the second...

HTML / CSS

window.open gives excess image padding in IE6

by: Becky Carter Hickman-Jones | last post by:

Hi, I have a simple script that opens an image in a new window which is sized to the image. The script is as follows: <a title="xxx"...

Javascript

Opening image in new window without padding

by: D. Alvarado | last post by:

Hello, I am trying to open a window containing an image and I would like the image to be flush against the window -- i.e. have no padding or border. Can I make this happen with a single call to a...

HTML / CSS

Internet Explorer 7 beta 2 preview: buggy

by: VK | last post by:

Internet Explorer 7 beta 2 preview CNET Editor review: <http://reviews.cnet.com/Internet_Explorer_7_for_XP_SP2_Beta_2/4505-3514_7-31454661-2.html?tag=nl.e415> Summary (my personal review...

Javascript

simpler example of the padding bug

by: phil-news-nospam | last post by:

Here is a simpler (no drop shadows) example of the padding bug I see: http://phil.ipal.org/usenet/ciwas/2006-05-08/buttons-1.html So far I find nothing in the CSS2 document that says I should...

HTML / CSS

Padding Problem in FireFox

by: ShirishKumar | last post by:

hi to all, We are developing some website with asp.net having some css files . We want the browser to work and design to be constant in both in IE ( Internet Explorer & FireFox) . Its working...

HTML / CSS

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++