Eigen website

Probleem layout website

Gestart door shogun op 12 okt 2010, 20:01 5 berichten 4.073 keer gelezen
shogun Startte dit onderwerp 12 okt 2010, 20:01 20 berichten
hallo
ik heb mijn website opnieuw(users.telenet.be/PetanqueClubGenk)
gemaak en ge-upload naar de sever alsook IE8 en Firefox gerefresht.

In firefox is de layout wat het moet zijn, maar in IE8 overlapt de foto de navigatie-buttons(index) en op de andere pagina's staat de tekst te dicht bij de buttons.

De website is gemaakt in dreamweaver cs5
bij het maken van de website en deze teste in DW zowel in exployer alsook in firefox kwam dat probleem niet voor.

Is het mogelijk mij daarmee te helpen dat probleem

mmd
shogun
Gast 12 okt 2010, 20:19
Beste shogun

Ik weet niet of je na je posting wijzigingen aangebracht hebt aan je site, maar hier bij mij is er geen enkel probleem welk jij beschrijft. Ik ben je site eens gaan bekijken in FF , en ook in IE 8
coderunner 12 okt 2010, 22:43 Aubauke - Aentwaerepe 1.828 berichten
Beste shogun,

Je Internet Explorer 8 staat volgens mij ingesteld om website te bekijken als Internet Explorer 7.
Kijk eens na of er een vinkje staat voor "Compabiliteitsweergave"
terug te vinden in het menu onder Extra (schermafdruk)
Afbeelding
Indien dit zo is, haal dan dit vinkje weg.

Natuurlijk is dan jouw probleem opgelost maar mensen die nog werken met IE7 zien dan wel het menu onder de afbeelding.

mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
shogun Startte dit onderwerp 12 okt 2010, 23:16 20 berichten
bedankt coderunner voor de oplossing

mmd
shogun
coderunner 13 okt 2010, 00:28 Aubauke - Aentwaerepe 1.828 berichten
Beste shogun,

Wil je het nu ook laten werken in IE7 dan open je het stijlbestand "css_divlayout.css" in bv. kladblok en zoek naar

Code: Selecteer alles

#nav-left #bigbuttons {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 50px;

}
#nav-left #bigbuttons li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 40px;
	width: 130px;
}
#nav-left #bigbuttons li a {
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-image: url(Homebestand/bleu-normaal.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	margin-left: 0px;
	text-align: center;
	padding-left: 25px;
	padding-top: 10px;
	margin-top: 0px;
	font-weight: bold;
}
en vervang dit door

Code: Selecteer alles

#nav-left #bigbuttons {
	margin-top: 60px;

}
#nav-left #bigbuttons li {
	list-style-type: none;
	margin-left:-25px;
	height: 40px;
	width: 130px;
}
#nav-left #bigbuttons li a {
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-image: url(Homebestand/bleu-normaal.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	text-align: center;
	padding-left: 25px;
	padding-top: 10px;
	font-weight: bold;
}
mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.