Internet Explorer Problem

nikdagr · October 17, 2010

Hi,

as usual there is a problem ONLY with one browser... IE (any version).

Please check the webpage & notice the space between the Header buttons.

I can't find the PROBLEM!!! Please help!!

Thanks in advance..

kenrbnsn · October 17, 2010

Please post your code.

Ken

nikdagr · October 17, 2010

<?php

$page = $_GET["id"];

require 'includes/configure.php';

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>Τέντες Θεσσαλός | Σύγχρονα Ολοκληρωμένα Συστήματα Τέντας - Πέργκολας</title>

</head>

<body>

<?php

include 'includes/header.php';

?>

<?php

$dapages=array("includes/comp.php","includes/ser.php","includes/offers.php","includes/profs.php","includes/contact.php");

if ($page=='20'){

include 'includes/ser_in.php';

}

elseif (isset($page)) {

include $dapages[$page-1]; //array starts from 0

}

else

{

include 'includes/comp.php';

}

?>

</div>

<p>Τέντες ΘΕΣΣΑΛΟΣ ::<span class="grey"> Μητρ. Ευθυβούλη 4, Ν. Σμύρνη </span>::<span class="grey"> Τηλ. </span>210 9750058, 210 9717597 <span class="grey">Fax</span> 210 9711553</p>

</div>

</div>

</body>

</html>

kenrbnsn · October 17, 2010

Please edit your post to put the

 tag before your code and the

tag after it.

fortnox007 · October 17, 2010

If it's purely a visual thing it is css related.

phpfreak · October 17, 2010

IE is always the pain... can you post your style sheet?

nikdagr · October 17, 2010

 
<?php 

$page = $_GET["id"];
require 'includes/configure.php';


?> 

<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Σύγχρονα Ολοκληρωμένα Συστήματα Τέντας - Πέργκολας" />
<meta name="keywords" content="anemouorakes, awning, awnings, calbari, epigrafes, inox κατασκευές, paravento, persides, tencate, tenta, tentes, tentes gr, tentes raftopoulos, www tentes, www tentes gr, ανεμοθωρακες, ανεμοθώρακες, ανοξείδωτες κατασκευές, ανοξειδωτεσ κατασκευεσ, διακοσμηση, διακόσμηση, διαφημιστικες επιγραφες, δωμα, δώμα, είδη σκίασης, ειδη σκιασης, ειδη σκιασησ, ειδικές κατασκευές, ειδικεσ κατασκευεσ, εκθεση κατασκευεσ, επιγραφές, επιγραφες, επιγραφες καταστηματων, ηλιοπροστασία, ηλιοπροστασια, κάγγελα, καγγελα, καγγελα αλουμινιου, καλοκαιρινές κατασκευές, κατασκευές, κατασκευές plexiglass, κατασκευές αλουμινίου, κατασκευές κήπων, κατασκευές κατοικιών, κατασκευές κτιρίων, κατασκευές σπιτιών, κατασκευές στο σπίτι, κατασκευεσ, κατασκευεσ plexiglass, κατασκευεσ αλουμινιου, κατασκευεσ απο ξυλο, κατασκευεσ κατοικιων, κατασκευεσ κτιριων, κατασκευεσ με γυψοσανιδα, κατασκευεσ σπιτιων, κουρμπα, κουρτίνες, μελέτες κατασκευές, μελετεσ κατασκευεσ, μεταλικές κατασκευές, μεταλικεσ κατασκευεσ, μεταλλικές κατασκευές, μεταλλικες κατασκευές,  μεταλλικες κατασκευεσ, μεταλλικεσ κατασκευεσ, μονωση ταρατσα, ξυλινα στορια, ξυλινες επιγραφες, ξυλινεσ κατασκευεσ, ξύλινες κατασκευές, ξύλινη πέργκολα, οικοδομές, οικοδομες, πέργκολα, παραβεντο, περίπτερο, περγκολα, περιπτερο, περσίδες, περσίδες αλουμινίου, περσιδες, περσιδες αλουμινιου, περσιδεσ, περσιδεσ αλουμινιου, πλακακια, πολεοδομική άδεια, πολεοδομική μελέτη, πολεοδομική νομοθεσία, πολεοδομική υπηρεσία, πολεοδομικη, σηδηροκατασκευές, σιδερενιεσ κατασκευεσ, σιδηρεσ κατασκευεσ, σιδηροκατασκευές, σιδηροκατασκευες, σκίασησ, σκιασης, στορια, στορια περσιδεσ, στόρια, στόρια περσίδες, συστήματα σκίασης, συστηματα σκιασης, συστηματα σκιασησ, σύμμεικτες κατασκευές, τέντα, τέντες, τέντες τιμές, τέντες τιμή, ταράτσα, ταρατσα, τεντα, τεντες, τεντες περγκολες, τεντες τιμες, τεντοπανα, τεντοπανα paradise, τεντόπανα, χαλιά, χαλια" />

<title>Τέντες Θεσσαλός | Σύγχρονα Ολοκληρωμένα Συστήματα Τέντας - Πέργκολας</title>

<link rel="stylesheet" type="text/css" media="screen" href="styles.css"/> 

<script type="text/javascript" src="includes/dascripts.js"></script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
     
</head>

<body>


<div id="container">
<div id="leftSide"></div>

<div id="main">

<?php 
include 'includes/header.php';
?>
<?php 

$dapages=array("includes/comp.php","includes/ser.php","includes/offers.php","includes/profs.php","includes/contact.php");

if ($page=='20'){
include 'includes/ser_in.php';
}
elseif (isset($page)) {
include $dapages[$page-1]; //array starts from 0
}

else 
{
include 'includes/comp.php';
}
?>
<div id="clearfooter"></div>
</div>

<div id="rightSide"></div>


<div id="outsidefooter">
  <div id="footer">
  <p>Τέντες ΘΕΣΣΑΛΟΣ ::<span class="grey"> Μητρ. Ευθυβούλη 4, Ν. Σμύρνη </span>::<span class="grey"> Τηλ. </span>210 9750058, 210 9717597 <span class="grey">Fax</span> 210 9711553</p>
  <p><a href="#" onclick="MM_openBrWindow('prom.html','Promedia','width=331,height=150,top=200,left=300')"><img src="images/promLogo.jpg" alt="" width="297" height="29" longdesc="" style="display:inline;" /></a></p>
  </div>
</div>


<div style="clear: both;"></div> 
</div>



</body>
</html>

stylesheet:


@charset "utf-8";
/* CSS Document */


body, html {
background: #333333;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center;
height:100%;
}



p {
margin-top:0px;
margin-bottom:9px
}

h1, h2, h3, h4 {
margin-top:0px;
}


img { display:block } /* for the BUG!! with the 3px GAPS!!!!! */

a img {
border:none;
}

.mainclass {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
line-height: 17px;
display: block;
}

.mainclass a {

color: #FF8000;
text-decoration: none;
}

.mainclass a:hover {
text-decoration: underline;
}

.mainclass h3 {
font-size:12px;
color:#999999;
margin-bottom: 10px;
}

#container {
width: 775px; /* the auto margins (in conjunction with a width) center the page */
text-align: left;
height:100%;
margin-top: 0;
margin-right: auto;
margin-left: auto;
}

#header {
width: 100%;
height: auto;
padding: 0px;
margin:0px auto;
display: block;
}

#leftSide {
height: 400px;
float:left;
width: 40px;
background-image: url(images/indexTest5_01.jpg);
background-repeat: no-repeat;
display: block;
}

#rightSide {
height: 400px;
float:right;
width: 40px;
}

#main {
width:695px;
float:left;
min-height:100%;
margin-bottom: -22px;
}


#content {
width:695px;
text-align: left;
margin-bottom: 10px;
}



#Title {
height:59px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #676863;
width: 100%;
margin-bottom: 13pt;
display: block;
float: left;
}

#titleLeft {
float:left;
width:586px;
display:block;
padding: 20px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
color: #FFFFFF;
}

#titleRight {
background-image:url(images/indexTest5_12.jpg);
width:109px;
height:58px;
float:left;
}

#YpoTitle {
height:30px;
width: 100%;
float: left;
display: block;
}

#ypotitleLeft {
width:100%;
display:block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
color: #999999;
float: left;
}

#YpContent {
clear:both;
height: auto;

}

#rightlink {
display:block;
width:30%;
float:right;
text-align:right;
height: 100%;
margin-top: -20px;
font-weight: normal;

}


#picTopLogo {
background-image:url(images/indexTest5_02.jpg);
width:194px;
height:66px;
display: inline;
}

#picTopLogoB {
background-image:url(images/indexTest5_02.jpg);
background-position:bottom;
width:194px;
height:241px
}


#picTopLeft {
background-image:url(images/indexTest5_09.jpg); width:501px; height:241px;
}

#picTopLogoB2 {
background-image:url(images/headerPart2_1.jpg);
background-position:bottom;
width:194px;
height:120px
}


#picTopLeft2 {
background-image:url(images/headerPart2_2.jpg);
width:501px;
height:120px;
}

#center {
height:100%;
min-height: 280px;
float: left;
width: 695px;
text-align: left;
}

/*
* html #center {    ie6 (min-height) hack
height: 280px; 
}
*/ 

#centerA {
width:352px;
margin-left: 15px;
float: left;
}



#centerΒ {
width:541px;
height: 183px;
text-align: left;
margin: 40px auto;
}


#outsidefooter {
height: auto;
width: 775px; /* the auto margins (in conjunction with a width) center the page */
text-align: center;
float: left;
display: block;
}

#footer {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #676863;
height: auto;
width: 695px; /* the auto margins (in conjunction with a width) center the page */
text-align: left;
display: block;
margin: 0px auto;
}

#footer p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
color:#FFFFFF;
text-align:center;
display:block;
margin:0px;
padding-top: 4px;
}

#footer span.grey {
color:#999999;
}

div.divleft {
float:left ;
}

div.divright {
float:right
}

#clearfooter{
clear:both;
height:30px;
}/*needed to make room for footer*/ 

#navigation {
display:inline; /*ie6 hack*/
width:501px;
margin-left:194px;
padding: 0px;
list-style-image: none;
list-style-type: none;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;

}




#navigation li {
height:66px;
width:100px;
float:left;
background-image: url(images/butt1_up.jpg);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-align:center;
text-decoration: none;
padding:0px;
margin:0px;
display: inline;
}


#navigation li a {
background-image: url(images/butt1_up.jpg);
display:block;	
height:43px;
width:100px;	
text-decoration: none;
color: #FFFFFF;		
padding: 22px 0px 0px 0px;
}



#navigation li a:hover, #navigation li a.active {
background-image: url(images/butt1_Dwn.jpg);
font-style: normal;
color: #FFFFFF;
text-decoration: none;
}




.navbutts_active {
height:66px;
width:100px;
float:left;
background-image: url(images/butt1_Dwn.jpg);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-align:center;	
text-decoration: none;
display:inline;
}

.navbutts_active a {
background-image: url(images/butt1_Dwn.jpg);
font-style: normal;
color: #FFFFFF;
text-decoration: none;
}



.downrightlink {
display:block;
text-align:right;
vertical-align:bottom
}

#ypNav {
width:100%;
height:100%;
padding: 0px;
list-style-image: none;
list-style-type: none;
margin: 0px;
display: block;

}


#ypNav li {
display:inline;
height:61px;
width:180px;
float:left;
padding:0px;
margin:0px;
}


#ypNav li a {
display:block;
height:61px;
width:180px;
color: #FFFFFF;
font-weight: bold;
}

#ypNav li a.butt1 {
background-image: url(images/Yp_Buttons_01.jpg);
background-repeat: no-repeat;

}

#ypNav li a.butt2 {
background-image: url(images/Yp_Buttons_02.jpg);
background-repeat: no-repeat;

}

#ypNav li a.butt3 {
background-image: url(images/Yp_Buttons_03.jpg);
background-repeat: no-repeat;

}

#ypNav li a.butt4 {
background-image: url(images/Yp_Buttons_04.jpg);
background-repeat: no-repeat;

}

#ypNav li a.butt5 {
background-image: url(images/Yp_Buttons_05.jpg);
background-repeat: no-repeat;

}

#ypNav li a.butt6 {
background-image: url(images/Yp_Buttons_06.jpg);
background-repeat: no-repeat;

}

#ypNav li a.butt7 {
background-image: url(images/Yp_Buttons_07.jpg);
background-repeat: no-repeat;
}

#ypNav li a.butt8 {
background-image: url(images/Yp_Buttons_08.jpg);
background-repeat: no-repeat;
}

#ypNav li a.butt9 {
background-image: url(images/Yp_Buttons_09.jpg);
background-repeat: no-repeat;

}

#ypNav li a.butt1:hover, #ypNav li a.butt2:hover, #ypNav li a.butt3:hover, #ypNav li a.butt4:hover, #ypNav li a.butt5:hover, #ypNav li a.butt6:hover, #ypNav li a.butt7:hover, #ypNav li a.butt8:hover, #ypNav li a.butt9:hover
{
display:block;
height:61px;
width:180px;
text-decoration: none;
}

#ypNav li a.butt1:hover {
background-image: url(images/yp_buttons_over.jpg);
background-repeat: no-repeat;

}

#ypNav li a.butt2:hover {
background-image: url(images/yp_buttons_over-02.jpg);	
background-repeat: no-repeat;
}

#ypNav li a.butt3:hover {
background-image: url(images/yp_buttons_over-03.jpg);
background-repeat: no-repeat;

}

#ypNav li a.butt4:hover {
background-image: url(images/yp_buttons_over-04.jpg);
background-repeat: no-repeat;

}

#ypNav li a.butt5:hover {
background-image: url(images/yp_buttons_over-05.jpg);
background-repeat: no-repeat;

}

#ypNav li a.butt6:hover {
background-image: url(images/yp_buttons_over-06.jpg);
background-repeat: no-repeat;

}

#ypNav li a.butt7:hover {
background-image: url(images/yp_buttons_over-07.jpg);
background-repeat: no-repeat;

}

#ypNav li a.butt8:hover {
background-image: url(images/yp_buttons_over-08.jpg);
background-repeat: no-repeat;

}

#ypNav li a.butt9:hover {
background-image: url(images/yp_buttons_over-09.jpg);
background-repeat: no-repeat;

}

#ypNav .butt_text {
display:block;
float: left;
margin-left: 4px;
margin-top: 4px;
}

#ser_in_firsttext {
padding-top: 10px;
padding-bottom: 15px;
font-size: 12px;
}

.ser_in_topics_title {
width:auto;
font-size: 18px;
font-weight: normal;
color: #999999;
clear: both;
padding: 10px 10px 13px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #666666;
margin-bottom: 10px;
}


.ser_in_topics_container {
margin-bottom: 5px;
float: left;
width: 100%;
border: 1px dashed #666666;
}

.ser_in_topics_text {
margin: 0px 0px 0px 10px;
font-size: 12px;
}

.ser_in_topics_foto {
width:417px;
float:right;
margin: 0px 10px 10px 10px;
}

.ser_list {
list-style-type: square;
margin: 0px;
padding: 0px 18px;
line-height: 2;
}

#ser_in_lefttext {  /* test for the IE 6 UL (list) problem */
width: 268px;
float:left;
}	


#mailFormCont {
height:auto;
float:left;
width:100%;
margin-top: 5px;
}

#mailform, #daAddress {
width: 324px;
float: left;
padding: 10px;
border: 1px dashed #666666;
height: 240px;
}

#mailform div {
padding: 5px 0px;
}

#email, #body, #phone, .sendbutton {
font-size:13px;
border: 1px solid #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #EEEEEE;
}

#daAddress {
float:left;
width:318px;
margin-left: 9px;
text-align: center;
background-image: url(images/mailBackgr.jpg);
background-position: right;
}

.sendbutton {
background-color: #CCCCCC;
color: #333333;
}

help please..

phpfreak · October 20, 2010

Have you tried to send your browser source output to the W3C Validator?

http://validator.w3.org/

There's also a CSS validator on there as well.. would be worth checking out.

nikdagr · October 20, 2010

Thanks to all, but I found it myself.

The problem was caused by a little IE6 hack that I entered in the Navigation Div Class:

display:inline;

I deleted this entry from the stylesheet & now it works fine..

Seems like Microsoft meanwhile fixed above Bug since I published this Website..

Thanks again.

Spring · October 21, 2010

Hi. I had the same problem, try making a separate style sheet for only IE using HTML.

<![if IE]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]>

Sign In

Internet Explorer Problem

Recommended Posts

nikdagr

Link to comment

Share on other sites

kenrbnsn

Link to comment

Share on other sites

nikdagr

Link to comment

Share on other sites

kenrbnsn

Link to comment

Share on other sites

fortnox007

Link to comment

Share on other sites

phpfreak

Link to comment

Share on other sites

nikdagr

Link to comment

Share on other sites

phpfreak

Link to comment

Share on other sites

nikdagr

Link to comment

Share on other sites

Spring

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information