alle browsers doen het... behalve IE (op localhost)

Status
Niet open voor verdere reacties.
BaarsDesign

BaarsDesign

Gebruiker
Lid geworden
4 mei 2010
Berichten
29
hallo mensen!

Nog een probleempje... op alle browsers behalve Internet Explorer werkt de website perfect zoals het zou moeten, in IE valt het menu (bovenkant) en de sitemap (onderkant) weg...

Het vreemde is dat hij, als ik m online zet (het linkje hieronder dus) wel gewoon doet, maar via xampp (localhost) niet

zou iemand me kunnen vertellen waar dat aan ligt?:confused:

Ik heb alleen even de homepagina geupload, dus links werken nog niet..
Hier is de website: baarsdesign.nl/flex

Alvast bedankt!

en ja ik weet het... het komt niet door de W3 validator...

HTML: 
<!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" lang="en" xml:lang="en">

Hier is 1/2 CSS bestanden:
[JS]
@charset "utf-8";

/*HEADER*/
.logo {
background-image: url("images/home_header_logo.png");
}
.spacer {
width: 485px;
display: table-cell;
}

.home {
background-image: url("images/home_menubutton_hover.gif");
}

.about {
background-image: url("images/about_menubutton.gif");
}

.portfolio {
background-image: url("images/portfolio_menubutton.gif");
}

.contact {
background-image: url("images/contact_menubutton.gif");
}

.header_bar {
background-color: #b5f000;
height: 20px;
font-size: 10pt;
padding: 4px 7px 0px 7px;
border-right: 1px solid #8ab700;
border-left: 1px solid #c2f32e;
border-bottom: 1px solid #6e9200;
}

.video {
width: 700px;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
margin: 50px auto 50px;

}


[/JS]



[JS]
@charset "utf-8";

body {
background-color: #000;
background-image: url("images/background.gif");
background-repeat: no-repeat;
background-position: center top;
margin: 0px;
padding: 0px;
font-family: arial, Verdana;
}

#body {
width: 980px;
margin: 4px auto;
display: block;
}

/* -------------------------- Horizontal Lines -------------------------- */
hr {
border-left: none;
border-right: none;
border-bottom: none;
}
hr.green {
border-top: 1px dotted #b5f000;
}

hr.orange {
border-top: 1px dotted #ff9000;
}
hr.pink {
border-top: 1px dotted #ff0078;
}
hr.blue {
border-top: 1px dotted #00c6ff;
}
hr.gray {
border-top: 1px dotted #696969;
margin: 0px;
}


/* -------------------------- HEADER -------------------------- */
.header_bar {
background-repeat: repeat-x;
color: #000;
}
div.header a.logo, div.header a.home, div.header a.about, div.header a.portfolio, div.header a.contact {
background-repeat: no-repeat;
height: 104px;
width: 99px;
display: table-cell;
}

a.breadcrumb {
color: #000;
text-decoration: none;
}
/* -------------------------- INTRO -------------------------- */
.intro {
margin-top: 6px;
margin-bottom: 6px;
font-size: 26px;
color: #696969;
}
.intro hr {
margin: 4px 0px 4px 0px;
}

/* -------------------------- FOOTER -------------------------- */

div.footer {
margin-top: 50px;
margin-bottom: 50px;
font-size: 12px;
color: #696969;
font: arial;
}
div.footer div.column {
width: 245px;
font-size: 12px;
display: table-cell;
}
div.footer div.column h1 {
font-size: 24px;
color: #696969;
font: arial;
margin: 0 0 0 -1;
padding: 0px;
font-weight: normal;
}
div.footer div.column a, div.footer div.column h1 a{
color: #696969;
text-decoration: none;
display: block;
}
[/JS]
 
Laatst bewerkt:
Beste

Als je met Javascript werkt raad ik u aan om gebruik te maken van libraries, zoals bijvoorbeeld JQuery.
Dit zorgt er deels voor dat je geen last meer hebt van bepaalde browsers die bijvoorbeeld een menu op een verkeerde manier weergeven.

Onderstaande link zal u verwijzen naar een website met de JavaScript Libraries:
Klik hier


Mvg
 
Ik kan het hier niet testen omdat ik geen IE heb maar ik gok dat het komt door de beveiligingsinstellingen van IE. Die zijn standaard voor locale bestanden strenger. Als dat inderdaad het probleem is hoef je je er dus geen zorgen om te maken.
 
Dit zorgt er deels voor dat je geen last meer hebt van bepaalde browsers die bijvoorbeeld een menu op een verkeerde manier weergeven.
Klik om te vergroten...
bah, als je zowiezo Javascript gebruikt om een menu te laten zien moet je gewoon ophouden, want daar is Javascript niet voor bedoeld. Javascript lib's zijn 90% van de tijd overbodig.



Aaaanyway, hier op IE8 en FF3.6 zien de pagina's er allebij precies hetzelfde uit. Waarom het lokaal dan niet werkt weet ik niet, maar check eens firebug. Mischien mis je een resource ofzo?
 
Laatst bewerkt:
Vegras zei:
bah, als je zowiezo Javascript gebruikt om een menu te laten zien moet je gewoon ophouden, want daar is Javascript niet voor bedoeld. Javascript lib's zijn 90% van de tijd overbodig.
Klik om te vergroten...

dat doe ik niet... dus gelukkig mag ik doorgaan :P maar het probleem is al opgelost, dus bedankt voor jullie hulp! :D
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan