login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Rechts uitlijnen IE

Offline anton - 09/01/2010 11:08
Avatar van antonLid Hallo allemaal,

Ik had een vrij goed werkende site(voordat chrome kwam).
Sinds chrome werkt de lay-out niet meer, enkel nog op IE.
Ik ben dus begonnen met mn script aan te passen zodat het voor chrome ook zou werken. Het lukte allemaal heel goed totdat ik 2 tabellen die binnen in een kolom stonden rechts moest uitlijnen, ik heb alles geprobeerd, van het <p> tag tot style en zo, in chrome werkte het perfect maar in IE bleef er altijd een kleine insprong van 2 px(ongeveer), net alsof er nog een border stond. Dan had ik van een vriend gehoord dat chrome en IE hun borders anders plaatsen(1tje naar binnen en de ander naar buiten ofzo iets). Nu is mijn vraag, hoe kan ik ofwel beide borders naar buiten richten ofwel mijn tabellen uiterst rechts uitlijnen?

Hier volgt de code:(stukken van php zijn weggelaten want die werken nog goed)

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <table border="0" frame="void" cellpadding="0" cellspacing="0" align="center" width="759">
  2. <tr>
  3. <td width="505" valign="top" align="left">
  4. <table height="111" border="1" bordercolor="#00CC66" cellpadding="0" cellspacing="0" width="500">
  5. <tr><td height="20" bgcolor="#00CC66"><p align="center"><b><? echo $l['titel'] ?></b></p></td>
  6. </tr>
  7. <tr><td height="80"><p align="center">
  8. </p></td></tr>
  10. </td>
  11. <td width="254" valign="top">
  12. <p align="right" style="margin:0px">
  13. <table height="111" border="1" bordercolor="#00CC66" cellpadding="0" cellspacing="0" width="254">
  14. <tr><td height="20" bgcolor="#00CC66"><p align="center"><b>Weekelijkse quote</b></p></td>
  15. </tr>
  16. <tr><td height="80"><p align="center">blablablaiets</p></td></tr>
  18. <br />
  19. <table height="111" border="1" bordercolor="#00CC66" cellpadding="0" cellspacing="0" width="254">
  20. <tr><td height="20" bgcolor="#00CC66"><p align="center"><b>Fanstuff</b></p></td>
  21. </tr>
  22. <tr><td height="80"><p align="center">blablablaiets</p></td></tr>
  24. </p>
  25. </td>
  26. </tr>


Alvast bedankt allemaal!

1 antwoord

Gesponsorde links
Offline Hatredkeys - 12/01/2010 12:26
Avatar van Hatredkeys Nieuw lid ik adviseer je met divs te gaan werken.
Tabellen zijn niet bedoelt om site's mee te maken.

<html>
<head>
<style type="text/css">
#masthead
{
padding: 10px 0px 0px 0px;
border-bottom: 1px solid #cccccc;
width: 100%;
}
#links
{
float: left;
width: 20%;
margin: 0px;
padding: 0px;
}
#rechts
{
float:right;
width: 20%;
padding-right: 10px;
}
#content
{
float: left;
width: 55%;
}
</style>
</head>
<body>
<div id="masthead">
<h1><a href="/">Three column css lay-out dmv floats</h1>
</div>
<div id="links">blabla</div>
<div id="rechts">blabla</div>
<div id="content">blabla</div>
</body>
</html>

probeer dit eens.

tip : CSS kan je ook extern inladen dat is ook een advies.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.18s