verschil IE/FF

Status
Niet open voor verdere reacties.
F

freak123

Gebruiker
Lid geworden
20 dec 2006
Berichten
12
Mijn website http://users.telenet.be/rsspro, die ik op aanvraag gemaakt heb, zou vandaag af moeten zijn. In IE is hij precies wat hij zou moeten zijn, maar in FF zijn er echter een paar probleempjes, die ik niet opgelost krijg. Hoe los ik dit op? En is het mogelijk dit te doen zonder het uitzicht te veranderen in IE? Of heb ik per sé een appart stylesheet nodig?
Hopelijk kan iemand me nog op tijd helpen.
Mvg,
freak
 
freak123,
Verander eens in de div content de width van 50% naar 42% en in de div portfolio de width van 49% naar 42% zoals in de code hieronder, dat zou er toch wat meer op trekken.Je moet eens al je ten % optellen dan kom je boven je 800px = 100%.Daar zit je probleem denk ik.
Code: 
#content {
float: left;
width: 42%;
text-align: left;
height: 100%;
border-right-style: dotted;
border-width: 2px;
}
#portfolio {
float: right;
width: 42%;
text-align: right;
height: 100%;
}
 
hij zegt enkel dat er een paar plaatjes verkeerd afgesloten zijn, voor de rest niets.
 
PHP: 
<!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">
	<head>
		<title>
			Rss pro system
		</title>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<style type="text/css">
html {
height: 100%;
width: 100%;
}
body {
margin: 0;
height: 100%;
width: 100%;
}
#divcontainer {
background-color: black;
height: 100%;
width: 800px;
margin: auto;
}
#header {
height: 15%;
text-align: center;
}
#menu {
background-color: black;
height: 80%;
width: 13%;
float: left;
text-align: center;
}
#inhoud {
background-color: white;
height: 80%;
width: 85%;
text-align: center;
float: left;
}
#titel {
height: 100%;
width: 100%;
}
#content {
float: left;
width: 50%;
text-align: left;
height: 100%;
border-right-style: dotted;
border-width: 2px;
}
#portfolio {
float: right;
width: 49%;
text-align: right;
height: 100%;
}
#stippellijn1 {
border-bottom-style: dotted;
border-width: 2px;
width: 90%;
}
#stippellijn {
border-bottom-style: dotted;
border-width: 2px;
width: 90%;
text-align: left;
}
#content1{
border-bottom-style: dotted;
border-width: 2px;
width: 90%;
height: 40%;
float: left;
}
#portfolio1{
border-bottom-style: dotted;
border-width: 2px;
width: 100%;
text-align: left;
float: left;
}
#portfolio2{
text-align: right;
border-style: solid;
border-width: 2px;
height: 60%;
width: 95%;
margin-top: 2px;
float: left;

}
.plaatje{
text-align: center;
float: left;
margin: 3px;
}

</style>
	</head>
	<body>
		<div id="divcontainer">
			<div id="header">
				<img src="http://users.telenet.be/rsspro/plaatjes/header.jpg" alt="rss pro system" />
			</div>
			<div id="menu">
				<img src="http://users.telenet.be/rsspro/plaatjes/home.jpg" alt="home" />
				<br />
				<img src="http://users.telenet.be/rsspro/plaatjes/services.jpg" alt="services" />
				<br />
				
				<img src="http://users.telenet.be/rsspro/plaatjes/about.jpg" alt="about" />
				<br />
				<img src="http://users.telenet.be/rsspro/plaatjes/pricelist.jpg" alt="pricelist" />
				<br />
				<img src="http://users.telenet.be/rsspro/plaatjes/portfolio.jpg" alt="portfolio" />
				<br />
				<img src="http://users.telenet.be/rsspro/plaatjes/contact.jpg" alt="contact" />
			</div>
			<div id="inhoud">
				<div id="content">
					<p id="stippellijn1">
					&nbsp;
					<img src="http://users.telenet.be/rsspro/plaatjes/v.jpg" alt="v" />
					Content
					</p>
					<p id="content1">
					&nbsp;
					</p>
				</div>
				<div id="portfolio">
					<p id="stippellijn">
					&nbsp;
					<img src="http://users.telenet.be/rsspro/plaatjes/v.jpg" alt="v" />
					Quick portfolio
					</p>
					<div id="portfolio1">
						<div class="plaatje">
							<img src="http://users.telenet.be/rsspro/plaatjes/logos.jpg" alt="logos" />
							<br />
							logos
						</div>
						
						<div class="plaatje">
							<img src="http://users.telenet.be/rsspro/plaatjes/webdesigns.jpg" alt="webdesigns" />
							<br />
							webdesign
						</div>
						<div class="plaatje">
							<img src="http://users.telenet.be/rsspro/plaatjes/photos.jpg" alt="photos" />
							<br />
							photos
						</div>
						<div class="plaatje">
							<img src="http://users.telenet.be/rsspro/plaatjes/art.jpg" alt="art" />
							<br />
							art
						</div>
					</div><br/><div style="clear:all"></div>
				


					<div id="portfolio2">
						preview
						 
					</div>

				</div>
			</div>
		</div>
	</body>
</html>

Kijk even.
Ik heb een paar flaots toegevoegd en gewijzigd, ook een clear.

:cool:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan