[CSS] FF / IE verschil met div's - Softwareontwikkeling

maandag 20 februari 2006 09:46

Acties:

Verwijderd

Topicstarter

Hallo,

volgens mij is dit 1 van de meest gestelde vragen op GoT maar ik kwam er met de search niet uit.
Ik wil met een div de content van mijn website gecentreerd op de pagina laten zien met aan de zijkanten zwarte balken.
Mijn code:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>VdB</title>
<script type="text/javascript">
function formHandler(oElm) {
var URL = "/VdB/index.php?lang=" + oElm.options[oElm.selectedIndex].value;
window.location = URL;
}
</script>
</head>
<body style="height: 100%; padding: 0px; margin: 0px;" bgcolor="#000000" 
text="#000000">
<center>
<div style="height:100%; width:780px;background-image:url('images/layout/bg.gif');
text-align:left;">
[img]"images/layout/kop.gif"[/img]
<div align="right">
<table>
<tr>
<td>
<font face="Verdana, Arial, Helvetica, sans-serif" size="1">
Taal:&nbsp;
</font>
</td>
<td>
<select name="language" onchange="formHandler(this);">
<option selected value="1043">Nederlands</option>
<option value="2057">English (UK)</option>
<option value="1031">Deutsch</option>
<option value="1036">Français</option>
</select>
</td>
</tr>
</table>
</div>
<br>
<br>
[img]"images/layout/roodblk.gif"[/img]
<font face="Verdana, Arial, Helvetica, sans-serif" size="1">
<strong>
&nbsp;Blaat
</strong>
</font>
<br>
<b>
<font color="red">
</font>
</b>
<form method="post" action="/vdb/login.php">
<table>
<tr>
<td>Gebruikersnaam</td>
<td><input type="text" name="Gebruikersnaam"></td>
</tr>
<tr>
<td>Wachtwoord</td>
<td>
<input type="password" name="Wachtwoord">
</td>
</tr>
<tr>
<td>
</td>
<td>
<input type="submit" name="Inloggen" value="Inloggen">
</td>
</tr>
</table>
</form>
</div>
</center>
</body>
</html>

Nu laat hij het in Firefox wel goed zien, hij vult de pagina netjes tot onderaan. Maar in IE 6 laat hij alleen een vierkant blok zien met daarin de content en trekt deze niet door tot het einde van de pagina.

Het gaat dus om dit stukje:

HTML:

1 2	<div style="height:100%; width:780px;background-image:url('images/layout/bg.gif'); text-align:left;">

[ Voor 110% gewijzigd door Verwijderd op 20-02-2006 09:53 . Reden: code leesbaarder gemaakt ]

maandag 20 februari 2006 11:03

Acties:

JHS

Splitting the thaum.

Ik zou als eerste een (compleet) doctype gebruiken wat beide browsers in standardsmode duwt,

HTML:

1 2	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

bijvoorbeeld

DM!

maandag 20 februari 2006 11:21

Acties:

Verwijderd

Topicstarter

Ik zal het eens toevoegen in mijn xsl (html word gegenereerd dmv mijn xsl & xml & xslt in php5) en dan eens kijken wat er allemaal fout gaat

maandag 20 februari 2006 11:25

Acties:

Verwijderd

Topicstarter

Heb nu als doctype:

HTML:

1	<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Met strict kwam mijn code niet meer door de validator en met loose wel, maar dit resulteert wel in dat de div nu niet meer doorloopt in firefox & IE

edit:

Ow, hij werkte wel in IE nu maar niet in FireFox

[ Voor 25% gewijzigd door Verwijderd op 20-02-2006 17:25 ]

dinsdag 21 februari 2006 11:29

Acties:

Verwijderd

Topicstarter

_{klein subtiel schopje, iemand?}

dinsdag 21 februari 2006 12:26

Acties:

JHS

Splitting the thaum.

Verwijderd schreef op maandag 20 februari 2006 @ 11:25:
Met strict kwam mijn code niet meer door de validator en met loose wel, maar dit resulteert wel in dat de div nu niet meer doorloopt in firefox & IE

En werkte het met strict wel? Dan zou ik strict kiezen en (eventueel) zorgen dat 'ie valideert in strict. Validatie an sich is natuurlijk niet het doel, maar het heeft veel meer zin je document trachten te valideren tegen strict dan tegen loose

DM!

dinsdag 21 februari 2006 13:07

Acties:

Verwijderd

Topicstarter

Hmm, is er een groot verschil dan hoe browsers te werk gaan met strict vs. loose? Ik denk dat ik voornamelijk wat dingen in css moet gaan doen als ik de omschakeling maak. Voordeel wel is dat de hele opmaak in 1 xsl sheet staat. Maar nu eerst ff wat anders voor deze site maken en dan ga ik er eens naar kijken

dinsdag 21 februari 2006 15:46

Acties:

Boelie-Boelie

Over wat een doctype voor verschil maakt: http://hsivonen.iki.fi/doctype/

Cogito ergo dubito

dinsdag 21 februari 2006 16:01

Acties:

Verwijderd

<div style="height:100%; width:780px;background-image:url('images/layout/bg.gif');
text-align:left; margin-bottom:0px;">

margin-bottom:0px toevoegen aan je div dus, al geprobeerd?

Pagina: 1

Reageer