FF doet fout

Status
Niet open voor verdere reacties.
W

whitetigerck

Gebruiker
Lid geworden
8 aug 2008
Berichten
196
Mijn website is wel goed te zien in IE, maar niet in FF.

Wie weet waaraan het kan liggen?

Het probleem met FF is dit:


waarschijnlijk moet ik mijn css aanpassen, of iets aan toevoegen voor FF, maar wat?

Code: 
#header
{
	font-size: 12pt;
	color: #fff;
	text-align:center;
	height:100%;
	width:100%px;
	margin: 0 auto;
	vertical-align:middle;
	padding: 0;
} 

#nav
{
target="container";
float: left;
width: 180px;
} 

#nav p
{ 
margin-top: 0; 
} 

#content
{
margin: 0px 0 0px 0;
text-align: left;
margin-top: 0; 
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	font-size:12pt;
	font-family:"Times New Roman", Times, serif;
} 


#content p
{ 
margin-top: 0; 
} 


#footer
{
clear: both;
background-color: #666;
padding: 1em;
text-align: center;
border-top: 1px solid #333;
}
 
zou handig zijn je html ook te posten....


iig: verander dit
PHP: 
margin: 0px 0 0px 0;
in
PHP: 
margin: 0px 0px 0px 0px;
wel zo netjes (#content is dat). Also, zet eens een breedte van de #content (div?), bv. 500px. Want anders neemt ie de breedte van je text aan, welke 'zo breedt mogelijk is' op het moment. Also, voeg float:left; toe aan #content. Dat werkt mischien wel.


:thumb:
 
Vegras zei:
iig: verander dit
PHP: 
margin: 0px 0 0px 0;
in
PHP: 
margin: 0px 0px 0px 0px;
Klik om te vergroten...

Ermm jullie houden van typwerk?
Dit is hetzelfde ;)
PHP: 
margin:0px;

En inderdaad, ik gok ook dat float:left aan #content toevoegen de oplossing is.
 
als ik float:left; aan #content toevoeg, dan geeft hij in IE niks weer en in FF dit:



En dat is niet de bedoeling.

De reden waarom ik geen waarde invul voor die pixels is dat ik de max breedte van het scherm wil hebben. Dus dat is de bedoeling.
 
Laatst bewerkt:
Wrap toegevoegd, om nav en content te omvatten.

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		
<style type="text/css">
A:link { font-weight:bold; color:#009900; text-decoration:none;}
A:visited {font-weight:bold; color:#009900; text-decoration:none;}
A:active {color:#009900; text-decoration:none}
A:hover {text-decoration: underline overline; color: white;}


#header
{
	font-size: 12pt;
	color: #fff;
	text-align:center;
	height:100%;
	width:100%px;
	margin: 0 auto;
	vertical-align:middle;
	padding: 0;
} 

#nav
{
float: left;
width: 18%;

} 

#nav p
{ 
margin-top: 0; 
} 

#content
{
margin: 0px 0 0px 0;
text-align: left;
margin-top: 0; 
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	font-size:12pt;
	font-family:"Times New Roman", Times, serif;
float:right;
width:80%;

} 

#wrap
{
width:100%;
border: solid 1px #ff0000;

}

#content p
{ 
margin-top: 0; 
} 


#footer
{
clear: both;
background-color: #666;
padding: 1em;
text-align: center;
border-top: 1px solid #333;
}

</style>
		
		<title>
			HWP Sas van Gent
		</title>
		<meta name="description" content="Dit is de website van Schaakvereniging Het Witte Paard Sas van Gent">
		<meta name="keywords" content="Sas van Gent, HWP het witte paard, hwp, svg ,hwpsas, hwpsvg, HwPSvG HwP, hwpsasvangent, hwpsasvangent.nl, ww.hwpsasvangent.nl, het witte paard, sas van gent, het witte paard sas van gent">
		
		
	</head>
	
	<body>
		<div id=header>
			<?php include("header.php"); ?>
			Header
		</div>
		<div id="wrap">
		<div id=nav>
			
			<IFRAME frameborder="0" SRC="http://www.helpmij.nl"   scrolling="no" target="container">
				 
			</IFRAME>
			
			<center>
				Laatste update:
				</br>
				
				<?php
				  putenv("TZ=Europe/Amsterdam");
				  echo date( "d/m/Y H:i", getlastmod() );
				?> 
			</center>
		</div>
		
		
		<div id=content>
			<IFRAME frameborder="0" SRC="http://www.helpmij.nl" width="100%" height="1200" target="container" name="container" >
				 
			</IFRAME>
		</div>
		
</div>		
		<div id=footer>
			<div class="foot">
				
				©Webmaster: 
				<a href="mailto:*@*?subject=Website" class="style2" style="text-decoration: none"><span class="style3"><font color="#000000">*KNIP*</font></span></a>
				<br>
				
				Tips en suggesties: 
				<a href="mailto:*@*@planet.nl?subject=Website" class="style2" style="text-decoration: none"><span class="style3"><font color="#000000">*KNIP*</font></span></a>
				<br>
				Contact: 
				<a href="mailto:*@*@planet.nl?subject=Website" class="style2" style="text-decoration: none"><span class="style3"><font color="#000000">*KNIP*</font></span></a>
				<br>
			</div>
		</div>
	</body>
</html>

:cool:
 
Laatst bewerkt door een moderator:
Hoezo niet?
Wat gebeurt er dan?

Heb je wel heel mijn code gekopieerd, en als test.html bekeken?

Ik heb in IE en FF twee iframes NAAST elkaar,
en die blijven ook naast elkaar,
als ik het scherm verklein, dus rechterkant naar binnen trekken.

:cool:
 
als ik dat doe wat jij zegt, dan krijg ik een enorm gat tussen nav.php en center.html

Maar nog belangrijker, als ik dat scherm verklein (in IE en in FF) krijg ik dit:



Is er niet een css code ofzo dat speciaal voor FF aparte instellingen neemt?
Want in IE werkt mijn code wel goed
 
het probleem is ook dat ik niet met procenten wil werken, omdat ik die groene balken altijd wilt laten weergeven en dat de tekst die ernaast behoort te staan inkrimpt.

EDIT: Opgelost, het lag aan het Iframe width element, als hij op 100% staat doet hij het natuurlijk fout
 
Laatst bewerkt:
sorry dat ik hierop nu nog reageer, maar kan iemand aub bericht #5 deleten ivm antispam?

Alvast bedankt
 
Niet verwijderd, wel aangepast :)

De volgende keer kun je beter een misbruikmelding plaatsen zodat elke mod hem krijgt (Toevallig ben ik dat ook maar ben hier omdat ik ooit reageerde)
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan