Probleem layout website — Forum

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

Citeer

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

Citeer

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)

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.

Citeer

shogun Startte dit onderwerp 12 okt 2010, 23:16 20 berichten

bedankt coderunner voor de oplossing

mmd
shogun

Citeer

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.

Citeer

Schrijf gerust een antwoord