Divs niet te zien krijgen..?

turbojohn · 26 aug 2009

Hallo,

Ik ben een website aan het maken en nu blijkt dat sommige mensen bepaalde onderdelen op de site niet te zien krijgen.
Het gaat over een menuutje boven aan en een button naar een externe site, die rechts gepositioneerd staat.
De site is nog in aanbouw, daarom kan ik 'm niet laten zien.
Maar ik had een conceptje met een pagina, menu bovenaan en paar buttons naar externe sites rechts. En sommige buttons kun je wel en anderen niet zien, terwijl op mijn eigen laptop ik met alle soorten internetbrowsers wél de site goed kan zien.
Zijn er meer mensen met dit probleem en zo ja, ligt dit aan de css-style of ligt dit aan een virusscan ofzo?

sunion · 26 aug 2009

virusscan lijkt me nogal raar.
waarschijnlijk je css.
Kan je mss de css van het menu posten?
Mischien dat het menu bij andere mensen buiten het beeld gepositioneerd staat

turbojohn · 26 aug 2009

Het cssfiletje of de complete code van de website?

sunion · 26 aug 2009

zo veel mogelijk

liefst het css stuk die voor de plaatsing van het menu zorgt, en de html code voor je menu

turbojohn · 26 aug 2009

Dit is mijn css-code:

HTML:

* {
margin: 0;
padding: 0;
}


body {
margin-top: 1px;
background-color: #FFFFFF;
font-family: arial;
font-size: 12px;
}

#container {
	margin-left: auto;
	margin-right:auto;
	width:994px;

}
#logo {
	background-image: url('logobestanden/headerlogo.png');
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right:auto;
	width: 994px;
	height: 94px;
}
#zoekvak
	{
	background-image: url('images/zoekvlak.png');
	width: 200px;
	height: 45px;
	margin-left: 785px;
	}
#winkelwagen
	{
	float: left;
	background-image: url('images/zoekvlak.png');
	width: 200px;
	height: 45px;
	margin-left: 580px;
	}

#center {

	background-image: url('logobestanden/centerbackgroundimage.png');
	background-repeat: repeat-y;
	margin-top: 0px;
	width: 994px;
	min-height: 500px;
	height: auto;

}
#center a{
	color: red;
}
/* MENU LINKS */
#centerleft {
	height: auto;
	width: 200px;
	float: left;
	margin-left: 5px;
	}
#centerleftheader {

	
	width: 175px;
	height: 30px;
	background-image: url('images/login_boven.png');
}
#centerleftheader2 {

	
	width: 175px;
	height: 30px;
	background-image: url('images/login_boven2.png');
}
#centerleftfooter {

	
	width: 175px;
	height: 30px;
	background-image: url('images/login_onder.png');
}
#centerleftcenter {
	
	width: 175px;
	height: auto;
	background-image: url('images/login_lijn.png');

}
#centerleftcentertext {
	margin-left: 10px;
       

}
#centermiddenvlak {
	
         border-left-style : solid ;
         border-left-width : 1px ;
       	width: 766px;
	height: auto;
	margin-left: 220px;
	
	
}
#centermiddenvlak li {
	list-style-type: none;
}
#centermiddenvlak img a{
	text-decoration: none;
}
#centermargin {
	margin-top: 0px;
}

#show_artikel {
	width: 300px;
	margin-left: 40px;
	float: right;
}
#artikel_header {
	width: 300px;
	height: 30px;
	background-image: url('images/login_boven_artikel.png');

}
#winkelwagen_background {
	background-image: url('images/winkelwagen_background.png');
	height: auto;
	width: 700px;
}
#bottom
	{
	background-image: url('logobestanden/bottom.png');
	width: 994px;
	height: 150px;


}
#menu
	{
	float: left;
	margin-top: -30px;
	width: 985px;
	margin-left: 5px;
	text-align: left;


}
#foxmenucontainer{height:24px;background:#000;display:block;padding:45px 0 0 15px;}
#foxmenu{position:relative;display:block;height:24px;font-size:11px;font-weight:bold;font-family:Arial,Verdana,Helvitica,sans-serif;}
#foxmenu ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#foxmenu ul li{display:block;float:right;margin:0 1px 0 0;}
#foxmenu ul li a{display:block;float:left;color:#fff;text-decoration:none;height:19px;background:url('images/foxmenu_bg-OFF.gif') no-repeat top left; padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:0}
#foxmenu ul li a:hover{color:#fff;background:url('images/foxmenu_bg-OVER.gif') no-repeat top right;}
#foxmenu ul li a.active{color:#000;background:#FFFFFF;}


#menuleftcontainer{height: auto; width:175px;padding-left: 8px;}
#menuleft{position:relative;display:block;height:auto; width:160px;font-size:11px;font-weight:bold;font-family:Arial,Verdana,Helvitica,sans-serif;}
#menuleft a{display:block;color:#fff;text-decoration:none;text-align: left;height:21px;background:url('images/top_grijs-grijs.png'); padding-left:8px; padding-right:0; padding-top:11px; padding-bottom:0}

.zoekbutton	{


	width				: 50px;
	height				: 38px;
	background			: url(images/vergrootglas.png);
	text-indent			: -999em;
	line-height			: 0;
	overflow			: hidden;
	margin				: 3px 0 0 2px;
	padding				: 0;
	border				: 0;
	cursor				: pointer;
}
.winkelwagenbutton	{

	height: 38px;
        width: 45px;
	background			: url(images/winkelwagentje.png);
        background-repeat: no-repeat;
	text-indent			: -999em;
	line-height			: 0;
	overflow			: hidden;
	margin				: 3px 0 0 2px;
	padding   			: 0;
	border				: 0;
	cursor				: pointer;
}
#loginstyle{
	margin-top: -30px;
	margin-left: 30px;
	
}
.login	{


	width				: 25px;
	height				: 25px;
	background			: url(images/login.png);
	text-indent			: -999em;
	line-height			: 99em;
	overflow			: hidden;
	margin				: 3px 0 0 2px;
	padding				: 0;
	border				: 0;
	cursor				: pointer;
	
}



.logout	{



	width				: 25px;

	height				: 25px;

	background			: url(images/logout.png);

	text-indent			: -999em;

	line-height			: 99em;

	overflow			: hidden;

	margin				: 3px 0 0 2px;

	padding				: 0;

	border				: 0;

	cursor				: pointer;

}

.zoekvak {
	width				: 120px;
	font-size			: 12px;
	_margin-left:			: 20px;
	_margin-top			: 3px;


}
#top_menu {
margin-left: 20px;
color: white;
}
#top_menu a{color:red; text-decoration:none; font-size: 14px};
#top_menu a:visited{color:white; text-decoration:none};
#top_menu a:hover{color:red};
#top_menu a:active{color: red; text-decoration:none};

En dit is het stukje van het menu:

PHP:

							<div id="top_menu"><?php

								$links = $database->getRows('SELECT * FROM menu ORDER BY `order`');

								if ($links)
								{
									foreach ($links as $item)
									{
										echo '<a href="'.$item['locatie'].'" title="'.$item['naam'].'">'.$item['naam'].'</a>&nbsp;&nbsp;|&nbsp;&nbsp;';
									}
								} else
								{
									echo 'Leeg';
								}
							?>
						</div>

Kun je hier wat mee?

csshunter · 26 aug 2009

Er zit geen html bij je css, zodat het nogal raden is hoe de <div>'s in elkaar zitten. Dus er valt weinig te zeggen over of de css goed in elkaar zit. Op het oog ziet de css er redelijk uit, maar met de html erbij zou dat anders kunnen liggen..

Alleen valt op: de breedte van de site is vanwege de #container vastgeprikt op 994px.
Het is toch niet toevallig zo, dat de mensen die de rechterkant niet kunnen zien, een monitor van 800x600 gebruiken, en niet hebben opgemerkt dat je dan met de horizontale scrollbar onderaan het beeld naar rechts kunt schuiven? Heb je dat voor de veiligheid even gecheckt?

En ook met welke browser(versie) het mis gaat? En heb je het verschijnsel zelf gezien bij die mensen, of alleen van horen zeggen?
Valt bij hun de hele rechterkant weg, of zijn alleen sommige knoppen rechtsboven er niet en is de rest van de rechterkant intact? Enz.
Zonder een duidelijke foutmelding is het moeilijk een diagnose te stellen!

Met vriendelijke groet,
CSShunter

turbojohn · 26 aug 2009

Hoi,

Ik heb dat zelf gezien. Ik was bij zo iemand bezig met mijn laptop in de buurt en zij kon niets zien. Dus toen keek ik met mijn laptop (zij had IE 7 en ik IE 8) en zij kon idd het menu en sommige buttons niet zien.
Toen heb ik mijn IE7 opgestart (ik heb alle versies IE erop staan voor de zekerheid) maar ik kon het wel zien.
En nu hoorde ik vorige week zo'n zelfde verhaal van iemand anders, die alles kan zien behalve één button die rechts van de site stond. De buttons erboven en onder kon hij wel zien.
Wat ook op valt is dat ze alle twee Norton Antivirus hebben.
Maar kan die divs blokkeren?
Ik zit al een poosje te zoeken naar een mogelijke oorzaak maar ik kan nergens vinden.
Bestaan er bepaalde 'uitvinkbare veiligheidsscripts' in IE?
Ik heb bij beiden nog niet in FF gekeken, dat zal ik nog eens doen.
Maar als er ondertussen een mogelijke oorzaak is gevonden, dan zou dat super zijn:thumb:

csshunter · 26 aug 2009

Hoi Turbojohn,
Als die buttons aangedreven worden door een script, zou je er even tijdelijk gewone html van kunnen maken. Als ie het dan wel doet, weet je zeker dat het script (voor IE) de boosdoener is.

turbojohn · 26 aug 2009

Allereerst bedankt voor je supersnelle reactie csshunter! :thumb:
Jes zal ik eens naar kijken.
Overigens is het bij die ene man een website in compleet html.
Kan het dan aan de definities in de header liggen:
<!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" xml:lang="en" lang="en">

Dat die niet goed is?
Ik heb niet zó heel veel verstand van websites maken. Het is meer een bijkomende hobby.
Ik doe het nu en dan eens voor iemand als die erom verlegen zit.
Maar dit heb ik nog nooit meegemaakt.

csshunter · 27 aug 2009

Is een keurig DOCtype hoor!

En een website in alléén html (met css), dus zonder javascript? > die zou zonder meer door alle beveiligingsinstellingen heen moeten komen.
Php telt trouwens zowiezo niet mee als mogelijke oorzaak, want dat wordt serversite in elkaar gezet, en dat kan een browser niet beïnvloeden. Die krijgt daarvan alleen het resultaat in gewone html toegediend.

Als het wel in de ene IE7 en niet in de andere IE7 te zien is, dan ligt het dus kennelijk niet aan de site, zei hij blij!

Bestaan er bepaalde 'uitvinkbare veiligheidsscripts' in IE?

Ja, en zoals altijd weet Microsoft die stevig te verstoppen.

IE openen,
menu Extra > Internetopties,
nieuw venster > Tabblad Beveiliging,
klik op wereldbolletje Internet > onderin staat vakje "Beveiligingsniveau voor deze zone". Als dat op Standaard staat, zal het wel goed zijn. Als dat op Aangepast staat, heeft iemand dat misschien heel streng afgesteld. Valt te regelen via de knop "Aangepast niveau..." (en dan komt er technische rimram...)
nu naar Tabblad Geavanceerd
ook daarop zit het onderwerp Beveiliging (bovenaan).
als er geen submenu onder "Beveiliging" hangt, dan dubbelklikken op "Beveiliging" > opent of sluit submenu,
daar zijn weer allerlei vakjes aan- en uitvinkbaar...,
ook nog even naar het Tabblad Privacy,
als Instellingen-peilschaal staat op "Alle cookies blokkeren" kunnen soms javascripts op een webpagina niet prettig meer werken,
alles ok? alles wegklikken,
en Internet Explorer opnieuw opstarten.

Aardig bedacht hè?
Het beste kan je de twee IE7-pc's naast elkaar zetten, parallel werken, en dan vergelijken of er verschillen in zitten.

Maar als IE8 geen problemen oplevert, waarom dan niet lekker upgraden naar IE8? Zal toch eens moeten gebeuren!

Groetjes,
CSShunter

Goeroeboeroe · 27 aug 2009

Als ik het goed zie, zit er geen JavaScript in, maar php. En dat wordt op de server verwerkt, dus de browser ziet alleen html en css. Als ik 't goed heb en 't niet om JavaScript gaat, hebben de veiligheidsinstellingen van je browser geen invloed.
Heb je geen link naar de site? Dan kunnen we bekijken wat de browser te zien krijgt, want daar gaat het uiteindelijk om. Als die php 'n fout genereert, wordt dat op die manier ook zichtbaar.
En 'n virusscanner kan geen div tegenhouden. 'n Div is niets anders dan 'n instructie voor de browser, zeg maar 'n woord uit 'n verhaal. 'n Scanner houdt of álles tegen, of niets van 'n pagina.

Divs niet te zien krijgen..?

turbojohn

Gebruiker

sunion

Gebruiker

turbojohn

Gebruiker

sunion

Gebruiker

turbojohn

Gebruiker

csshunter

Meubilair

turbojohn

Gebruiker

csshunter

Meubilair

turbojohn

Gebruiker

csshunter

Meubilair

Goeroeboeroe

Terugkerende gebruiker

Nieuwste berichten

Wij waarderen jouw privacy