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

Border niet aanwezig bij DIV in FireFox

Door Onbekende gebruiker op 27-10-2006 12:00
559 views
Ik zit met een probleem van borders die in IE er wel zijn en in FF niet.
Zie dit voorbeeldje:
<?php
<html>
<div style="position: absolute;top: 10px;left: 10px;height: 80px;width: 200px;background-color: skyblue;border: 1px solid black"></div>
</html>
?>
Tevens als ik inputboxen van een omlijning voorzie,
</html>
<?php
<html>

CSS
------
.invulveld {
border:1px solid silver;background-color:#eee;height:22px;width:100px;color:#26A;
</html>
?>
dan reageert hij alleen in IE,in FF is de windowlike input te zien.
Wat zijn de fouten en hoe kan ik ze omzeilen ?

Bo az
27-10-2006 12:02
Je geeft een border van 1 solid black, 1 wat? Waarschijnlijk bedoel je 1 pixel dus => border: 1px solid #000;
?
Onbekende gebruiker
27-10-2006 12:07
Ja,1px.
John
Crispijn -
27-10-2006 12:07
Je hebt oook een " te veel. Maakt nu niet uit maar is niet volgens de juiste weg ;)

<?php
<html>
<div style="position: absolute;top: 10;left: 10;height: 80;width: 200;background-color: skyblue;border: 1 solid black""></div>
?>

Moet zijn:

<?php
<html>
<div style="position: absolute;top: 10;left: 10;height: 80;width: 200;background-color: skyblue;border: 1 solid black"></div>
?>
?
Onbekende gebruiker
27-10-2006 12:13
Je hebt gelijk,maar als je deze regels uitvoert in in FF en Ie bekijkt zie je wat ik bedoel.
In FF geen omlijning v/d DIV en van de INPUT , hoe kan dit ??
M
M Ypma
27-10-2006 12:35
omdat IE niet de W3 standaard aanhoud en FF wel...dus word maar boos op IE
?
Onbekende gebruiker
27-10-2006 12:37
Kan wel zijn maar je moet toch een borderline om een box kunnen zetten,
hierin faalt FF.
M
M Ypma
27-10-2006 13:00
John schreef op 27.10.2006 12:37
Kan wel zijn maar je moet toch een borderline om een box kunnen zetten,
hierin faalt FF.

wrong... hierin is IE te makkelijk
Jan Koehoorn
27-10-2006 13:02
@ John: nog een tip: gebruik geen inline styles. Het hele voordeel van CSS, namelijk dat je code gemakkelijker te onderhouden wordt en slanker, gaat er mee verloren.
?
Onbekende gebruiker
27-10-2006 13:36
Bedankt Jan dat werkt goed.

<?php


<html>
<head>
<title>borders</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#container {
background-color: skyblue;
margin: 64px auto;
width: 400px;
border: 1px solid #f90;
padding: 8px;
}
input.bordered {
background-color: yellow;
border: 1px solid blue;
padding: 4px;
}
</style>
</head>

<body>
<div id="container">
<form>
<p>
<input id="tekst1" name="tekst1" type="text" class="bordered" value="input met border">
</p>
</form>
</div>
</body>
</html>


?>

hoe kan ik in jouw code in het BODY-gedeelte de door mij ingestelde kleuren overschrijven,dat lukt me nog niet met deze code ?
Met deze code gaat het wel

<?php


<body>
<div style="position:absolute;top:5;left:50;height:32;width:650;border:0;background-color:#000">
</body>

?>

Reageren

Inloggen om te reageren