Knoppen in div werkt niet in IE6 - Softwareontwikkeling

vrijdag 4 mei 2007 17:44

Acties:

Topicstarter

Hallo,

Ik ben bezig met een website te maken , alleen heb ik een probleempje met internet explorer(6). Ik heb een simpele layout met een header , een container , en in die container aan de linkerkant een menu stukje , en rechts de content stuk. Nu heb ik dit voor elkaar en was ik van plan om de knoppen te plaatsen met href. Nou is het gekke van alles dat internet explorer 6 de knoppen niet clickable maakt, maar firefox wel

.

Ik heb vanalles geprobeerd, maar kom er niet uit, mischien dat jullie weten waarom het niet werkt.

Hier een plaatje van de knopjes:

Afbeeldingslocatie: http://img248.imageshack.us/img248/9333/knoppenprobleemgm7.th.png

Hier is de Index.php

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">
<HTML> 
 <HEAD>
  <TITLE> untitled document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
<link rel="stylesheet"  type="text/css" href="style.css" /> 
  <!--[if lte IE 6]>

    <style type="text/css">
     /* ie png hack */
     /* special thanks to Christopher Walker (http://tibetanportal.com/) 
        for his contribution */

    
    .container1 { background-image: none ; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/bg1.png', sizingMethod=scale); }
    .klein { background-image: none ; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/bg1.png', sizingMethod=scale); }
    .k_head { background-image: none ; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/bg3.png', sizingMethod=scale); }
    </style>

    <![endif]-->  

 </HEAD>
<BODY>


<div class="head"></div>

<div class="container1">
    
        <div class="klein">

        <div class="k_head">Menu</div>

            <div class="klein_text_l">

<a href="index.php">Home</a><br>
<a href="index.php?page=downloads">Downloads</a><br>
<a href="forum/index.php?page=forum">Forum</a><br>
<a href="Pics/index.php?page=Pics">Pics</a><br>


            </div>

<div class="k_head">Other</div>
    
    <div class="klein_text">
Hier komt nog wat extra informatie te staan en mischien later nog google ads.

    </div>


<div class="k_head">...</div>

<div class="klein_text_l"></div>
<br><br><br><br>

<div class="k_head">...</div>

<div class="klein_text_l"></div>

</div>

<div class="content">

<?php
switch (strtolower($_GET['page'])) 
{ 
case "downloads":    
$page="downloads.php";
break;
case "Forum":    
$page="/forum/Index.php";
break;
case "Pics":    
$page="/pics/Index.php";
break;
default:
  $page="News.php";
  break;
}
include ($page);
?>


</div>
</div>

 </BODY>
</HTML>

En de style.css :

Cascading Stylesheet:

body
{
    background-image: url(/images/bg2.gif);
    background-repeat: repeat-x;
    }


.head
{
background: url('/images/head-3.png');
padding:0px;
height:100px;
width:800px;
margin-left: auto; 
margin-right: auto;
margin-bottom: 5px;
}

.container1
{
background: url('/images/bg1.png');
border:1px solid black;
width:798px;
height:600px;
margin-left: auto; margin-right: auto;}


.klein
{
background: url('/images/bg1.png');
border-right: 1px solid black;
width:175px;
height:600px;
float:left;
position: relative;
}

.klein_text_l
{
width:169;
padding:3px;
padding-top:15px;
padding-bottom:15px;
font-weight:bold;
}

.klein_text
{
width:169;
padding-left:3px;
padding-right:3px;
padding-top:15px;
padding-bottom:15px;
}


.k_head
{
background: url('/images/bg3.png');
height:20px;
width:100%;
text-align:center;
}


.content
{
float:right;
padding:5px;
position: relative;
width:590px;
margin: 5px 5px 5px 5px;
}

vrijdag 4 mei 2007 18:09

Acties:

crisp

Devver

Pixelated

* crisp wijst even op de \[code(=html|css)]-tag

Intentionally left blank

vrijdag 4 mei 2007 18:40

Acties:

b4rt_NL

Topicstarter

crisp schreef op vrijdag 04 mei 2007 @ 18:09:
* crisp wijst even op de \[code(=html|css)]-tag

Any tips ?

vrijdag 4 mei 2007 18:42

Acties:

momania

iPhone 30! Bam!

b4rt_NL schreef op vrijdag 04 mei 2007 @ 18:40:
[...]

Any tips ?

Overzicht van UBB-codes #tag_code

Neem je whisky mee, is het te weinig... *zucht*

vrijdag 4 mei 2007 19:43

Acties:

b4rt_NL

Topicstarter

momania schreef op vrijdag 04 mei 2007 @ 18:42:
[...]

Overzicht van UBB-codes #tag_code

Ah bedankt

vrijdag 4 mei 2007 21:50

Acties:

Boelie-Boelie

b4rt_NL schreef op vrijdag 04 mei 2007 @ 17:44:
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
.klein_text_l
{
width:169;
}

.klein_text
{
width:169;
}

169 wat? (Waarom onderstreept-ie dat eigenlijk niet?) Geen idee of dat het probleem is (zou best kunnen, heb niet getest), maar wil je problemen voorkomen, moet je zulke zaken sowieso goed hebben staan. Verder lijkt het alsof je nogal last hebt van divitis, maar da's een ander verhaal.

Cogito ergo dubito

zaterdag 5 mei 2007 01:36

Acties:

b4rt_NL

Topicstarter

Boelie-Boelie schreef op vrijdag 04 mei 2007 @ 21:50:
[...]
169 wat? (Waarom onderstreept-ie dat eigenlijk niet?) Geen idee of dat het probleem is (zou best kunnen, heb niet getest), maar wil je problemen voorkomen, moet je zulke zaken sowieso goed hebben staan. Verder lijkt het alsof je nogal last hebt van divitis, maar da's een ander verhaal.

Bedankt voor het opmerken. Nadat bijgewerkt te hebben is er niks veranderd wat het probleem betreft.
En wat divitis betreft, tja ik ben normaal eigenlijk ook gewend om een website te maken met tables, maar ik had een probleem met IE6 en transparante pngs als achtergrond in een tabel, dat met divs wel goed werkt.

zaterdag 5 mei 2007 02:05

Acties:

b4rt_NL

Topicstarter

Heb het probleem gevonden. Het zat namelijk in de 'IE PNG HACK". De achtergrond png moet perse 1x1 pixel zijn anders werkt de <a href> code niet

[ Voor 4% gewijzigd door b4rt_NL op 05-05-2007 02:05 ]

Pagina: 1

Reageer