website crasht in ie6 - Softwareontwikkeling

dinsdag 2 september 2008 16:01

Acties:

Verwijderd

Topicstarter

Hallo lieve mensen. Wie kan mij helpen. Heb een website gebouwd met css. Nu ziet de site er overal redelijk tot goed uit. Mac(safarie, firefox) en Windows(ie7, firefox) browsers. Maar behalve in IE6. In IE7 ziet de site er weer goed uit. Wat doe ik niet goed? Heeft het iets met het boxmodel te maken? Of misschien ben ik nu wel blindgestaard hoor..ik ziet het echt ff niet meer.

Het gaat er mij om dat de tussenruimte allemaal 2 px zijn, dit ziet er gewoon netjes uit. Maar misschien ben ik daar met de css mee door geschoten?

Hier de informatie:

De Code:

<body>


<div id="container">


<div id="header">

<div id="menu">
<ul>
<li><a href="#" title="Sandra Schoppers | Teksten & Communicatie - Home">home</a></li>
<li><a href="#" title="Sandra Schoppers | Teksten & Communicatie - nieuws">nieuws</a></li>
<li><a href="#" title="Sandra Schoppers | Teksten & Communicatie - diensten">diensten</a></li>
<li><a href="#" title="Sandra Schoppers | Teksten & Communicatie - projecten">projecten</a></li>
<li><a href="#" title="Sandra Schoppers | Teksten & Communicatie - biografie">bio</a></li>
<li><a href="#" title="Sandra Schoppers | Teksten & Communicatie - contact">contact</a></li>
</ul>
</div>



<div id="flash"><img src="images/flash.jpg" width="406" height="220" /></div>

</div>




<div id="leftcontent">
<div id="balk"><h1>HOME</h1></div>

<div id="leftuitleg"><img src="images/sandra.jpg" alt="sandra schoppers.nl" title="Sandra Schoppers.nl" width="175" height="135" /></div>
<div id="balk"><h1>Links</h1></div>
<div id="leftuitleg">
<ul>
<li>27NewMedia</li>
<li>27NewMedia</li>
<li>27NewMedia</li>
<li>27NewMedia</li>
<li>27NewMedia</li>
</ul>
</div>
<div id="balk"><h1>Contact</h1></div>
<div id="leftuitleg">
<p class="content">Sandra Schoppers<br />
Schoolstraat 11<br />
7071 ZX ULFT</p>
<p class="content"><strong>T</strong> 0315 329 702<br />
<strong>M</strong> (06) 51 93 67 96<br />
<strong>E</strong> info@sandraschoppers.nl</p>
</div>
</div>



<div id="rightcontent">
<div id="balk"><h1>Sandra Schoppers | Teksten & Communicatie</h1></div>
<div id="tekst"><p>Teksten opstellen gaat helemaal niet over schrijven. Het gaat om het vinden van het verhaal dat u wilt vertellen. Soms zijn de woorden er nog niet. Dan jongleren we samen met gedachten en ideeën. Net zolang tot de woorden op het puntje van uw voorhoofd liggen.</p>

<p>Wij nemen ze mee en zetten ze in precies de goede volgorde. Zodat de ogen van uw lezers eraan vast blijven haken. Voor minder doen we het niet.</p></div>
<div id="balk"><h1>Nieuws</h1></div>
<div id="tekst"><p>Teksten opstellen gaat helemaal niet over schrijven. Het gaat om het vinden van het verhaal dat u wilt vertellen. Soms zijn de woorden er nog niet. Dan jongleren we samen met gedachten en ideeën. Net zolang tot de woorden op het puntje van uw voorhoofd liggen.</p>

<p>Wij nemen ze mee en zetten ze in precies de goede volgorde. Zodat de ogen van uw lezers eraan vast blijven haken. Voor minder doen we het niet.</p></div>
</div>


</div>

</body>
</html>

En de css:

*
{
padding : 0px;
margin : 0px;
}

body
{
font-family : "Lucida Grande", Arial, Verdana;
background-color : #000000;
padding-top : 50px;
background-image : url(../images/bg.gif);
background-repeat : no-repeat;
background-position : center top;
}

#container
{
padding-top : 12px;
width : 604px;
height : 800px;
background-color : #FFFFFF;
margin : 0 auto;
}

li a {
color : #000000;
text-decoration : none;
padding-left : 10px;
padding-top : 8px;
position : absolute;
width : 175px;
height : 30px;
}

li a:hover
{
color : #FFFFFF;
background-image : url(../images/button.gif);
background-repeat : no-repeat;
}

#current
{
color : #FFFFFF;
}

#header
{
width : 583px;
margin : 0 auto;

}

#menu
{
float : left;
}

#flash
{
float : right;
margin-bottom : 2px;
}

#menu li
{
width : 175px;
height : 35px;
list-style-image : none;
list-style-type : none;
background-color : #009bc9;
margin-bottom : 2px;
font-size : 16px;
color : #000000;
font-style : normal;
font-weight : normal;
text-decoration : none;
}

#leftcontent
{

width : 175px;
float : left;
margin-left : 10px;
}

#balk
{
background-color : #1c2122;
height : 30px;
}

#leftuitleg
{
height : 135px;
background-color : #999999;
margin-top : 2px;
margin-bottom : 2px;
}

#leftuitleg li
{
font-size : 12px;
line-height : normal;
font-weight : normal;
color : #000000;
margin-top : 2px;
margin-bottom : 2px;
list-style-position : inside;
list-style-type : disc;
padding-top : 8px;
margin-left : 10px;
}

h1 {
font-size : 17px;
color : #009bc9;
font-style : normal;
font-weight : normal;
margin-left : 10px;
padding-top : 5px;
}

#rightcontent
{
width : 406px;
float : right;
padding-right : 11px;

}

#tekst
{
height : 170px;}

#tekst p
{
font-family : "Lucida Grande", Arial, Verdana;
font-size : 13px;
line-height : 18px;
font-weight : normal;
color : #000000;
text-decoration : none;
margin-top : 10px;
margin-left : 10px;
margin-right : 5px;
margin-bottom : 5px;
}

.content
{
font-size : 12px;
line-height : 18px;
font-weight : normal;
color : #000000;
text-decoration : none;
padding-top : 8px;
margin-left : 10px;
margin-right : 5px;
margin-bottom : 5px;
}

dinsdag 2 september 2008 16:28

Acties:

supakeen

Ik mis een openende html tag en een doctype declaration, maar dat ben ik maar.

dinsdag 2 september 2008 17:07

Acties:

TeeDee

CQB 241

Kijk eens naar de reactie van crisp in IE6 en IE7 crashed na invoegen adsense code.

Komt erop neer: zet alle analytics code voor de </body>. Misschien biedt dat soelaas.

P.s: ik kan <link href="file:///iMac HD/Users/Mike/27 New Media/sites/css/sandra.css" rel="stylesheet" type="text/css" />
niet vinden... kijk daar ook nog even naar.

[ Voor 3% gewijzigd door TeeDee op 02-09-2008 17:07 ]

Heart..pumps blood.Has nothing to do with emotion! Bored

dinsdag 2 september 2008 19:34

Acties:

XangadiX

trepanatie is zóó kinderachtig

hmja, wat heb je zelf al geprobeerd, wat had google over je problemen te zeggen; wat zei firebug... etc. etc. Owja en lees ook de faq even.

Stoer; Marduq