Probleem layout website

Vragen/antwoorden betreffende het maken van je eigen website.

shogun
Lid geworden op: 01 dec 2009, 11:51

12 okt 2010, 20:01

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
Lid geworden op: 27 mar 2006, 04:35
Locatie: Aubauke - Aentwaerepe

12 okt 2010, 22:43

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
Lid geworden op: 01 dec 2009, 11:51

12 okt 2010, 23:16

bedankt coderunner voor de oplossing

mmd
shogun

coderunner
Lid geworden op: 27 mar 2006, 04:35
Locatie: Aubauke - Aentwaerepe

13 okt 2010, 00:28

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.