Forum voor html pagina
Startpagina.nlDochters op alfabetCategorieenVoor kidsLuister radioKijk TVMeer Startpagina

html.startpagina.nl/prikbord

Ga naar discussie: VorigeVolgende
Ga naar: DiscussielijstNieuw berichtZoekenLog inPrint
 • Uitgeklapt op datum • Uitgeklapt met draadjes

CSS in IE vs firefox

Gepost door: Sander ()
Datum: 21 januari 2009 21:52

Ik heb een probleem met een css die ik gebruik. Nouja een pagina die een oud studiegenoot gemaakt heeft die ik ook gebruik voor mijn CV.

In firefox werkt de css prima. IE kent echter een probleem:

Wanneer ik in de code gebruik maak van het <BR> statement, dan komt de regel in IE net een tikje naar links tov de regel erboven. Ze zijn dus niet gelijk uitgelijnd. Firefox toont die regels echter dus wel goed. Is er iemand die zo een idee heeft wat er mis gaat?

Een stukje voorbeeld van de code:

<div class="item">Pluspunten:</div> <div class="description">+ Kritisch<br>+ Vastberaden<br>+ Snelle leerling<br>+ Geduldig<br>+ Communicatief goed</div>

en de css:
<style type="text/css">
<!--
body {background-image: url('back_cv.png');
scrollbar-face-color: #4BB0F0;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #256B97;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color : #ffffff;
scrollbar-base-color: #FDFBFF;
}
h1 {font-family: Arial, Helvetica, sans-serif;font-size: 13px;font-weight: bold;text-indent: 3px;color: #00335F;padding:1px;margin-bottom:2px;background-color: #F7FBFF;background-image: url(parabg.png);background-position: right;background-repeat: repeat-y;border: 1px dotted #00335F;}
h2 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;margin-bottom:0;margin-left:5px;color: #00335F;}

.mainPane {background-color: #FFFFFF;padding: 3px 5px 10px 5px; border: 1px solid #00335F;}
.title {font-family:"Courier New", Courier, mono;font-size: 42pt;text-align:right;margin-right:20px;color: #00335F;font-style: normal;font-weight: bold;}
.line {color: #00335F;background-color: #00335F;border: 0;height: 1px;}
.content {font-family: Arial, Helvetica, sans-serif;font-size: 11px;text-align:justify;margin-left:5px;padding-right: 3px;}
.subcontent {font-family: Arial, Helvetica, sans-serif;font-size: 11px;text-align:justify;margin-left:7px;margin-bottom:2px;padding-right: 3px;}
.top {font-family:Arial, Helvetica, sans-serif;font-size:9px;color: #000000;text-align:right;}
.toc {font-family: Arial, Helvetica, sans-serif;font-size: 12px;margin-top:10px;margin-left:15px;margin-bottom:10px;padding-top:5px;padding-bottom:5px;width:15em;color: #00335F;border: 1px dotted #00335F;background-color:#F7FBFF;background-image: url(tocbg.png);background-position: left;background-repeat: repeat-y;}
.toc a {text-decoration:none;color:#00335F;width: 15em; margin-left:15px;}
.toc a:hover {text-decoration:underline;color:#00335F;}
.tocsub {padding-left:10px; font-size: 11px;}
.tocsub a {text-decoration:none;color:#00335F;padding-left:10px;}
.tocsub a:hover {text-decoration:underline;color:#00335F;}

.item {font-weight: bold;float: left;}
.description {margin-left:13em;}
.description a {font-weight:bold; text-decoration:none; color:#00335F;}
.description a:hover {text-decoration:underline;}
.maillink {margin-left:13em;}
.maillink a {text-decoration:none; color:#00335F;}
.maillink a:hover {text-decoration:underline; color:#00335F;}
.vet {font-weight: bold;}
.extra {font-size:9px;}

.cellleft{border-left: 1px solid #00335F; padding-left:5px}
.cellbottomleft{border-left: 1px solid #00335F; border-bottom: 1px solid #00335F; padding-left:5px}
.cellbottom{border-bottom: 1px solid #00335F;}
.topimg{margin:10px 5px 0px 15px; border:0; font-size:9px; color:#000000; text-decoration:none}
.topimg a {color:#000000; text-decoration:none;}
.topimg a:hover {color:#000000; text-decoration:underline;}
.style1 {text-align:right; margin-right:20px; color: #00335F; font-style: normal; font-weight: bold; font-family: "Courier New", Courier, mono;}
div.MsoNormal {mso-style-parent:"";
margin:0cm;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";}
li.MsoNormal {mso-style-parent:"";
margin:0cm;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";}
p.MsoNormal {mso-style-parent:"";
margin:0cm;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";}
-->
</style>


Onderwerp Geschreven door Gepost
  CSS in IE vs firefox
Sander 21/01/2009 21:52
 

Re: CSS in IE vs firefox

WM 21/01/2009 22:13
 

Re: CSS in IE vs firefox

Sander 21/01/2009 22:19
 

Re: CSS in IE vs firefox

Ron 21/01/2009 23:54
 

Re: CSS in IE vs firefox

WM 24/01/2009 16:41
 

Re: CSS in IE vs firefox

Bounty 04/02/2009 18:56
 

Re: CSS in IE vs firefox

Bounty 04/02/2009 18:57
Ga naar: •DiscussielijstZoekenLog in
Sorry, alleen geregistreerde gebruikers mogen berichten plaatsen in dit forum.
 
Privacy- en cookiebeleid - Copyright - Disclaimer - Alle dochters - Forum en chatregels - Contact
© 1998-2011 Startpagina B.V. - html.startpagina.nl - onderdeel Sanoma Media Netherlands groep