2 replies [Last post]
webmunky
webmunky's picture
Offline
newbie
England
Last seen: 8 years 31 weeks ago
England
Timezone: GMT+1
Joined: 2011-08-09
Posts: 5
Points: 7

Hi,

I've been trying to fix this issue for days!!

In IE7 on a couple of my sites pages it is doing random things to the layout!

the site is www.hottogs.co.uk, the pages affected are the "About us" & "Products" pages.

On the "About Us" page, IE7 is dropping the text below the images, rather than floating it next to them.
On the "Products" page, the gallery has a div that is being pushed out (has the "previous" and "next" text in it)

It would probably be easier to visit the site to view the source but here is the About Us code...

About us HTML -

<div id="content">
	<h1>About Hot togs!</h1>
<div id="a1"><img src="images/dan.png" height="300px" width="250px" alt="hot togs dan"/></div>
	<p>Here at Hot Togs we love the great outdoors, whether it is scaling a mountain or exploring the countryside we 
	   just love to be out and about. However, as most of you will know keeping warm can be a big and expensive problem 
	   - so we set about trying to solve this. We were looking to develop a thermal base layer that could be worn both as 
	   a ‘base layer’ for colder outdoor pursuits but also for them to be warm enough and have the thermal properties to
	   be used as a stand alone product as well, and achieve all of this at an affordable price point. Having extensive 
	   experience in the sock industry we started working with our manufacturing partners to develop a solution. Over 12 
	   months of innovation, experimentation and development followed and our dreams became a reality. We had achieved our 
	   goal of creating a pair of leggings with outstanding thermal qualities that are extremely comfortable to wear AND 
	   look fashionable –HOT TOGS Ultra Thermal leggings were born and we are very proud of them, they are a key item of women’s winter wardrobes everywhere!</p>
	   <p>Warm legs are great – and warm feet are also essential. Our next task was to use our sock experience to design very
	   warm walking socks which would give the foot the support it requires and be hard wearing, without adding the bulk of 
	   typical warm socks. By using a very high percentage of THERMOLITE yarn HOT TOGS Thermolite Walking socks will keep you warmer 
	   and drier than other walking socks. </p>
	   <p>During warmer weather we recognise that the problem of cold feet changes to a problem of feet getting hot and sticky.  
	      To address this HOT TOGS will introduce a range of socks that will keep your feet cool and bacteria free. These socks
		  will be available in time for Spring 2012.</p>
 
<div id="a2"><img src="images/snowboard.png" height="300px" width="250px" alt="hot togs snowboarding"/></div>
 
<p>We will not stop there though, we are very passionate about our products and they have to be just right before we will 
	      launch them. Innovation and quality are key attributes to our product and so development is on going for other products 
		  in the future. Hot Togs will always be creating products with outstanding thermal properties that provide comfort and 
		  style at an affordable price. We want HOT TOGS wearers to enjoy the great outdoors and if we can help with making that 
		  experience a great one then we have achieved what we set out to do!!</p>
		  <h3>Join the HOT TOGS revolution and live our dream!!!</h3>
</div>
 
------------------
About Us CSS - 
 
#content
{
	width:100%;
	min-width:1000px;
	height:100%;
	margin-top:5px;
	margin-left:50px;
}
#content h1
{	
	text-align:center;
	font-size: 44px;
	color:#bed62f;
	text-decoration:underline;	
	text-shadow: 1px 1px 1px #000;
	margin-top:10px;
	font-family: 'Chewy', cursive;
}
#content h2
{
	text-align:center;
	font-size:26px;
	color:#bed62f;
	font-family: 'Chewy', cursive;
}
#content h3
{
	text-align:center;
	font-size:22px;
	color:#bed62f;
	font-family: 'Chewy', cursive;
}
#content p
{
	width:90%;
	margin-left:30px;
	text-align:center;
	font-size:20px;
	padding:10px;
	color:white;
	font-family: 'Chewy', cursive;
	outline-style: inherit;
	outline-color: #fff;
	outline-width: 1px;
}

The Products page I think is more difficult because JavaScript is involved...
I'm not entirely sure...

Any help would be great!

Thanks

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 1 week 3 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

You've got a BOM before your

You've got a BOM before your doctype, throwing IE into Quirks Mode.



Remove that (or resave your document) and see if the problems persist.

Verschwindende wrote:
  • CSS doesn't make pies

webmunky
webmunky's picture
Offline
newbie
England
Last seen: 8 years 31 weeks ago
England
Timezone: GMT+1
Joined: 2011-08-09
Posts: 5
Points: 7

no luck

I changed the and ran the code through W3C Validator... validated code but unfortunately IE7 still doesnt want to play nice!