PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
B

[css] 2 fouten

Door Boris Mattijssen op 01-12-2008 17:04
237 views
Hallo allemaal,

Ik heb met deze site " http://bwebsites.nl/tree-id/ " 2 fouten.

1) In IE ziet hij er helemaaaaaaal verziekt uit? :S
2) In FF, zie je dat het witte blok niet meeloopt met het zwarte blok

Ik ben geen CSS-kei, dus miss dat jullie mij even zouden willen helpen?

Groeten,
Boris
T
Tikkes C
01-12-2008 17:07
misschien is een stukje code handig :)
T
Toine vd P
01-12-2008 17:09
Je post is erg brutaal.
Maar je kunt uitzonderingen in je stylesheet zetten. IE (kutbrowser:P) parsed door alle vage tekens heen en FF niet. dus

width: 100px;
/width: 200px;

is een element is ie 200 en in ff 100 pixels.
Dat is een mogelijkheid om verschillen te maken.

Maar vermoedelijk moet je nog wat ervaring opbouwen over CSS properties en hun samenwerking met de browsers,

ik ga niet je stylesheet fixen.

Succes
B
Boris Mattijssen
01-12-2008 17:41
@tikkes: hmm ik dacht dat men dat wel in de broncode zou vinden, maar ik zal hem wel ff hierzo posten.
@twan: Brutaal? Dat gevoel heb ik zelf nou niet.
Maar die "/" tip is wel handig, ook al vind ik het zelf geen nette oplossing maarja..

En jullie weten beide denk ik niet hoe dat zit dat die witte achtergrond blijft haken? (als ik in de "content" div, "float:left" weg haal, dan is dat witte wel weer goed, alleen dan gaat het menu niet naast de content... :(

mvg
p.s. de code:
<html>
	<head>
		<style type="text/css">
			body{
				background-color: #b5b5b5;
			}
			
			#white_top{
				background-image: url('images/white_top.gif');
				width: 835px;
				height: 15px;
			}
			#white_middle{
				background-image: url('images/white_middle.gif');
				width: 834px;
			}
			#white_bottom{
				background-image: url('images/white_bottom.gif');
				width: 835px;
				height: 14px;
			}
			
			#content{
				float: left;
				padding-left: 15px;
			}
			
			#black_top{
				background-image: url('images/black_top.gif');
				height: 9px;
				width: 619px;
			}
			#black_middle{
				background-color: #2d2d2d;
				height: 200px;
				width: 619px;
			}
			#black_bottom{
				background-image: url('images/black_bottom.gif');
				height: 9px;
				width: 619px;
			}
			
			#menu{
				margin-left: 645px;
			}
		</style>
	</head>
	<body>
		<div align="center">
			<div id="white_top"></div>
			<div id="white_middle">
				<div id="content" align="left">
					<div id="black_top"></div>
					<div id="black_middle"></div>
					<div id="black_bottom"></div>
				</div>
				<div id="menu" align="left">
					hoIIIIIII<br />akjklj<br />skjflkajsfldfj<br />kajsflkasj;l
				</div>
			</div>
			<div id="white_bottom"></div>
		</div>
	</body>
</html>


pps: weten jullie wat voor doctype ik moet gebruiken? je hebt zoooo veel :P
T
Toine vd P
01-12-2008 17:58
k heb geen internet explorer, maar misschien clear: both bij div id="menu" ?
Met brutaal bedoel ik dat je gewoon zegt; dit wil ik, fix het voor me. Dat is niet zo netjes :)
B
Boris Mattijssen
01-12-2008 22:12
Helaas clear:both werkt niet.
Het witte vlak is dan wel de goede lengte, alleen klapt dat menu er dan weer onder, hij is dan wel verticaal netjes op de goede breedte, maar horizontaal niet op de goede hoogte.. :(

Over dat brutaal :P, zo was het iig niet bedoelt van "dit wil ik, fix het ff", maar nu ik het ff terug lees, zie ik dat ik het iets liever had kunnen vragen :P
maarja.. :P
Jan Koehoorn
01-12-2008 22:54
Geef je div #white_middle een overflow: hidden; mee, dat lost in ieder geval 1 probleem op.
B
Boris Mattijssen
02-12-2008 16:54
Jan, hartstikke bedankt!
En dat 2e probleem zal ik dan wel oplossen op de manier van Twan, dmv een "/".

Bedankt allen!
B
Boris Mattijssen
02-12-2008 17:17
WOOOOOW IE is eeeeecht een k**t browser!! :@
Serieus, zelfs als ik gewoon neerzet height:0px; houdt hij nog die ene maat aan, ik heb al van die no-caching headers van php toegevoeg etc..
Iemand enig idee wat ik zou moeten doen?
Of dan toch maar weer terug naar de tabellen :S?

Edit:
Oeps, sorry voor de bump.
R
ReZon
02-12-2008 18:14
probeer eens;

position: absolute;
top: ...px;
left: ...px;
-
--
02-12-2008 18:39
brie schreef op 02.12.2008 17:17
WOOOOOW IE is eeeeecht een k**t browser!! :@
Serieus, zelfs als ik gewoon neerzet height:0px; houdt hij nog die ene maat aan, ik heb al van die no-caching headers van php toegevoeg etc..
Iemand enig idee wat ik zou moeten doen?
Of dan toch maar weer terug naar de tabellen :S?

Edit:
Oeps, sorry voor de bump.
height: 0 is toch gelijk aan niets.. :-) En nee, je hoeft niet terug naar de tabellen, nee.

Reageren

Inloggen om te reageren