ie compitable

[raymondvlieland]

ik heb een site die werkt met firefox perfect http://www.gamingsite.nl/website/

als je hem met internet explorer opent dan lijkt hij helemaal nergens meer op

[XP-Rene]

Inderdaad. Lijkt nergens op in IE

[raymondvlieland]

Inderdaad. Lijkt nergens op in IE

ik weet echt niet waaraan het ligt

[svenn]

juist html gebruiken ...

meestal kan dit helpen bij het oplossen vna je probleem

http://validator.w3.org/check?uri=http% ... website%2F

[DaMnNaTiOn]

juist html gebruiken ...

meestal kan dit helpen bij het oplossen vna je probleem

http://validator.w3.org/check?uri=http% ... website%2F

Juist html bij IE?
Nee, zal vast wel te maken hebben met de CSS, IE ondersteunt heel wat functies niet en daar maak je waarschijnlijk gebruik van.

[raymondvlieland]

Code: Selecteer alles

/* Main */

body {
background: #555 url(bg.gif) repeat-x;
font: small/1.6em verdana, sans-serif; 
margin: 0px; 
font: normal 10px verdana, arial, sans-serif; 
color: #000; 
}
a {	
color: #333;	
text-decoration: none; 
}
a:hover {
color: #000;
text-decoration: underline;
}
a:active {
color: #000;
}
input, textarea, select {
border: 1px solid #555;
background: #fff;
font: normal 10px verdana, arial, sans-serif;
color: #000;
margin: 1px;
}
h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}
ul li {
padding: 2px 0 2px 20px; 
line-height: 1.3em; 
color: #333333; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 120%; 
color: #7C7C7C;
}
ul {
list-style: none; 
margin: 0px; 
padding-left: 0px; 
list-style-type: none; 
}
h1 {
background: url(header.gif) no-repeat;
height: 195px; 
margin: 0px; 
padding: 0;
}
#content  {
background: url(body.gif) center repeat-y;
position : absolute;
left : 50%;
width : 700px;
margin-left : -350px;
}

/* Top Navigation */
	
#top {
position: absolute;
top: 171px;
left: 24px;
padding: 0;
width: 680px;
}
#top li {
margin: 0; 
padding: 0; 
display: inline;
list-style-type: none;
}
#top a:link, #top a:visited {
float: left;
font-size: 10px;
line-height: 12px;
font-weight: bold;
margin: 0 -1px 0 0;
padding: 4px 5px 4px 5px;
text-decoration: none;
border: 1px solid #000;
color: #000;
}
#top a:hover {
background: #fff url(li_hover.gif);
color: #333; 
}
#top a#active_top {
background: #fff url(li_active.gif);
color: #333;
}


/* Main Content */

.main {
border: 1px solid #393939;
margin: 2px 161px 0 25px; 
padding: 0;
width: 505px;
}
.main h2 {
background: #ddd url(h2_image.gif);
border-bottom: 1px solid #393939;
color: #000;
font: bold 13px "Trebuchet MS", Verdana, sans-serif;
text-align: left;
line-height: 17px;
margin: 0;
padding: 2px 0 0 5px;
}
.main p { 
font-size: 110%; 
margin: 1px; 
padding: 2px; 
line-height: 16px;
}
.main p.date { 
color: #555;
font-weight: bold;
font-size: 11px;
margin: 0 0 5px 0;
text-align: left;
}
.main p.posted  { 
color: #bbb;
font: bold 11px "Trebuchet MS", Verdana, sans-serif;
line-height: normal;
text-align: left; 
margin-bottom: 10px;
padding: 3px;
border-top: 1px dashed #ccc;
}

/* Menu */

.menu {
display: inline;
float: right;
margin: 3px 25px 0px 0px; 
}
#navlist
{
font: 10px verdana, arial, tahoma, sans-serif;
list-style-type: none;
padding: 0px;
margin: 0px;
}
#navlist h2.current
{
background: #ddd url(h2_image.gif);
color: #333;
font: bold 12px verdana, arial, tahoma, sans-serif;
border: 1px solid black;
padding: 2px;
margin: -3px 0 -2px 0;
}
#navlist a
{
display: block;
color: #222;
text-decoration: none;
font: normal 9px verdana, arial, tahoma, sans-serif;
width: 130px;
background: #fff;
border: 1px solid black;
padding: 2px;
margin: -3px 0 -2px 0;
}
#navlist a:hover
{
color: #333;
text-decoration: none;
background: #C2D7EB;
border: 1px solid black;
}
#navlist p
{
display: block;
color: #222;
text-decoration: none;
font: normal 9px verdana, arial, tahoma, sans-serif;
width: 130px;
background: #eee;
border: 1px solid black;
padding: 2px;
margin: -3px 0 -2px 0;
}

/* Copyright */

#copyright {
background: #ddd url(copyright.gif);
padding: 7px 2px 2px 2px;
margin: 2px 22px 0 22px;
text-align: center;
}

dit is de style css

[svenn]

juist html gebruiken ...

meestal kan dit helpen bij het oplossen vna je probleem

http://validator.w3.org/check?uri=http% ... website%2F

Juist html bij IE?
Nee, zal vast wel te maken hebben met de CSS, IE ondersteunt heel wat functies niet en daar maak je waarschijnlijk gebruik van.

correct gebruik van html is altijd beter ...

css is ook een beetje fout

http://jigsaw.w3.org/css-validator/vali ... medium=all

[Bas]

Dit lijkt mij een beroemd IE Box Model-probleem...

[svenn]

werkt dan met tabelletje of divje met absoluute waarde

[Bas]

Nee, dat is dat padding, margin en border in IE anders berekend worden met de width dan in andere browsers

[svenn]

ik denk toch dat het zeker met IE moet goed zijn de mensen die het ander gebruiken is zeer klein vind ik ...

[Paul]

IE geeft veel dingen fout weer, houd zich niet aan de standaard enz. Je moet het dus herschrijven gedeeltelijk, zodat het en in IE en in FF er goed uit ziet

[DaMnNaTiOn]

Dit lijkt mij een beroemd IE Box Model-probleem...

Volgens mij was hier een hack voor

http://tantek.com/CSS/Examples/boxmodelhack.html

[mac-rolec]

IE kan slecht overweg met :hover in CSS, daarvoor is een behavior file, csshover.htc, die kun je hier downloaden, misschien ligt het daaraan.

Misschien ligt het ook aan dat je 2 menu's gebruikt, dan raakt IE ook in de war. Moet je ff op google zoeken, zijn al veel problemen mee geweest.

Wel mooie site trouwens en bf2 is nogal meesterlijk.

[raymondvlieland]

IE kan slecht overweg met :hover in CSS, daarvoor is een behavior file, csshover.htc, die kun je hier downloaden, misschien ligt het daaraan.

Misschien ligt het ook aan dat je 2 menu's gebruikt, dan raakt IE ook in de war. Moet je ff op google zoeken, zijn al veel problemen mee geweest.

Wel mooie site trouwens en bf2 is nogal meesterlijk.

kan je die gewoon uploaden