Komischer abstand unter navi??

Macrosdesign

Habe folgendes Problem ich habe hier aus Spaß mal n Design gemacht aber i wie habe ich einen unterschiedlichen Abstand bei den beiden Contentboxen zur Navi. Ich weiss nicht woran es liegt vllt habt ihr ja eine Idee.

http://macrosdesign.bplaced.net/designsamples/Blackdesign/

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<link href="css/style1.css" rel="stylesheet" type="text/css" />
</head>


<body>
<div align="center">
 <div id="wrapper">
  <div id="header"></div>
  <div id="navi">
   <a href="" id="button">Downloads</a>
    <img src="pic/trennung.png" class="right" alt="trennung" />
   <a href="" class="button">Gallery</a>
    <img src="pic/trennung.png" class="right" alt="trennung" />
   <a href="" class="button">Referenzen</a>
    <img src="pic/trennung.png" class="right" alt="trennung" />
   <a href="" class="button">About</a>
    <img src="pic/trennung.png" class="right" alt="trennung" />
   <a href="" class="button">Home</a>
  </div>
  <div id="contentwrap">
   <div id="leftbox">
    <div id="leftboxtop"><h1>Headline "TESTTESTTEST"</h1></div>
    <div id="leftboxmiddle">
      <br /><h2>
       [1] Non eram nescius, Brute, cum, quae summis ingeniis exquisitaque doctrina philosophi Graeco sermone tractavissent, ea Latinis litteris mandaremus, fore ut hic noster labor in varias reprehensiones incurreret. nam quibusdam, et iis quidem non admodum indoctis, totum hoc displicet philosophari. quidam autem non tam id reprehendunt, si remissius agatur, sed tantum studium tamque multam operam ponendam in eo non arbitrantur. erunt etiam, et ii quidem eruditi Graecis litteris, contemnentes Latinas, qui se dicant in Graecis legendis operam malle consumere. postremo aliquos futuros suspicor, qui me ad alias litteras vocent, genus hoc scribendi, etsi sit elegans, personae tamen et dignitatis esse negent. [2] Contra quos omnis dicendum breviter existimo. Quamquam philosophiae quidem vituperatoribus satis responsum est eo libro, quo a nobis philosophia defensa et collaudata est, cum esset accusata et vituperata ab Hortensio. qui liber cum et tibi probatus videretur et iis, quos ego posse iudicare arbitrarer, plura suscepi veritus ne movere hominum studia viderer, retinere non posse. Qui autem, si maxime hoc placeat, moderatius tamen id volunt fieri, difficilem quandam temperantiam postulant in eo, quod semel admissum coerceri reprimique non potest, ut propemodum iustioribus utamur illis, qui omnino avocent a philosophia, quam his, qui rebus infinitis modum constituant in reque eo meliore, quo maior sit, mediocritatem desiderent. [3] Sive enim ad sapientiam perveniri potest, non paranda nobis solum ea, sed fruenda etiam [sapientia] est; sive hoc difficile est, tamen nec modus est ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum id, quod quaeritur, sit pulcherrimum. etenim si delectamur, cum scribimus, quis est tam invidus, qui ab eo nos abducat? sin laboramus, quis est, qui alienae modum statuat industriae? nam ut Terentianus Chremes non inhumanus, qui novum vicinum non vult 'fodere aut arare aut aliquid ferre denique' -- non enim illum ab industria, sed ab inliberali labore deterret --, sic isti curiosi, quos offendit noster minime nobis iniucundus labor.
     <br /></h2>
     <img src="pic/line.png" alt="line" />
     <br />
     <h2>
     [4] Iis igitur est difficilius satis facere, qui se Latina scripta dicunt contemnere. in quibus hoc primum est in quo admirer, cur in gravissimis rebus non delectet eos sermo patrius, cum idem fabellas Latinas ad verbum e Graecis expressas non inviti legant. quis enim tam inimicus paene nomini Romano est, qui Ennii Medeam aut Antiopam Pacuvii spernat aut reiciat, quod se isdem Euripidis fabulis delectari dicat, Latinas litteras oderit?


Synephebos ego, inquit, potius Caecilii aut Andriam Terentii quam utramque Menandri legam? [5] A quibus tantum dissentio, ut, cum Sophocles vel optime scripserit Electram, tamen male conversam Atilii mihi legendam putem, de quo Lucilius: 'ferreum scriptorem', verum, opinor, scriptorem tamen, ut legendus sit. rudem enim esse omnino in nostris poetis aut inertissimae segnitiae est aut fastidii delicatissimi. mihi quidem nulli satis eruditi videntur, quibus nostra ignota sunt. an 'Utinam ne in nemore . . .' nihilo minus legimus quam hoc idem Graecum, quae autem de bene beateque vivendo a Platone disputata sunt, haec explicari non placebit Latine? [6] Quid? si nos non interpretum fungimur munere, sed tuemur ea, quae dicta sunt ab iis quos probamus, eisque nostrum iudicium et nostrum scribendi ordinem adiungimus, quid habent, cur Graeca anteponant iis, quae et splendide dicta sint neque sint conversa de Graecis? nam si dicent ab illis has res esse tractatas, ne ipsos quidem Graecos est cur tam multos legant, quam legendi sunt. quid enim est a Chrysippo praetermissum in Stoicis? legimus tamen Diogenem, Antipatrum, Mnesarchum, Panaetium, multos alios in primisque familiarem nostrum Posidonium. quid? Theophrastus mediocriterne delectat, cum tractat locos ab Aristotele ante tractatos? quid? Epicurei num desistunt de isdem, de quibus et ab Epicuro scriptum est et ab antiquis, ad arbitrium suum scribere? quodsi Graeci leguntur a Graecis isdem de rebus alia ratione compositis, quid est, cur nostri a nostris non legantur?
     <br /></h2><br />
     </div>
    <div id="leftboxbottom"></div>
   </div>
   <div id="rightbox">
    <div id="rightboxtop"></div>
    <div id="rightboxmiddle">
     <div class="bigbox">
     <br />
     <h3>Testthema</h3>
     <h4>
     Graecum te, Albuci, quam Romanum atque Sabinum,
municipem Ponti, Tritani, centurionum,
praeclarorum hominum ac primorum signiferumque,
maluisti dici. Graece ergo praetor Athenis,
id quod maluisti, te, cum ad me accedis, saluto:
'chaere,' inquam, 'Tite!' lictores, turma omnis chorusque:
'chaere, Tite!' hinc hostis mi Albucius, hinc inimicus.
     Graecum te, Albuci, quam Romanum atque Sabinum,
municipem Ponti, Tritani, centurionum,
praeclarorum hominum ac primorum signiferumque,
maluisti dici.
     </h4><br />
     </div>
<div class="bigbox">
     <br />
     <h3>Testthema</h3>
     <h4>
     Graecum te, Albuci, quam Romanum atque Sabinum,
municipem Ponti, Tritani, centurionum,
praeclarorum hominum ac primorum signiferumque,
maluisti dici. Graece ergo praetor Athenis,
id quod maluisti, te, cum ad me accedis, saluto:
'chaere,' inquam, 'Tite!' lictores, turma omnis chorusque:
'chaere, Tite!' hinc hostis mi Albucius, hinc inimicus.
     Graecum te, Albuci, quam Romanum atque Sabinum,
municipem Ponti, Tritani, centurionum,
praeclarorum hominum ac primorum signiferumque,
maluisti dici.
     </h4><br />
     </div>
     <div class="bigbox">
     <br />
     <h3>Testthema</h3>
     <h4>
     Graecum te, Albuci, quam Romanum atque Sabinum,
municipem Ponti, Tritani, centurionum,
praeclarorum hominum ac primorum signiferumque,
maluisti dici. Graece ergo praetor Athenis,
id quod maluisti, te, cum ad me accedis, saluto:
'chaere,' inquam, 'Tite!' lictores, turma omnis chorusque:
'chaere, Tite!' hinc hostis mi Albucius, hinc inimicus.
     Graecum te, Albuci, quam Romanum atque Sabinum,
municipem Ponti, Tritani, centurionum,
praeclarorum hominum ac primorum signiferumque,
maluisti dici.
     </h4><br />
     </div>
    </div>
    <div id="rightboxbottom"></div>
   </div>
  </div><br clear="all" />
  <div id="navi2">
   <a href="" id="button2">Impressum</a>
    <img src="pic/trennung.png" class="right" height="32" alt="trennung" />
   <a href="" class="button2">Kontakt</a>
    <img src="pic/trennung.png" class="right" height="32" alt="trennung" />
  </div>
 </div></div>
</body>
</html>

Alles anzeigen

CSS:

Code

/* Style1-CSS */
/*alle Maßeinheiten auf Null*/
html, body, h1, h2, h3, h4, h5, h6, div, p, {margin: 0;padding: 0;}
body {background:#000}
/*font*/
h1 {font-weight: normal;font-family:"Segoe UI";font-size:18px;margin-left: 15px;margin-bottom:;color:#FF6600;}
h2 {font-weight: normal;font-style:italic;font-family:"Segoe UI";font-size:13px;margin-left: 15px;margin-right:15px;color:#fff;}
h3 {font-weight: normal;font-family:"Segoe UI";font-size:16px;margin-left: 25px;margin-bottom:;color:#FF6600;}
h4 {font-weight: normal;font-style:italic;font-family:"Segoe UI";font-size:12px;margin-left: 25px;margin-right:20px;color:#fff;}
p {margin: 0.4em 0 1.3em 0;}
#wrapper {width:900px;height:100%;}
#header {background: url(../pic/header.png);width:900px;height:105px;}
#navi {background: url(../pic/button.png) 0 -50px;width:900px;height:50px;font-size: 16px;font-family:"Tw Cen MT Condensed";margin: 0;padding: 0;}
#navi2 {background: url(../pic/button2.png) 0 0;width:900px;height:32px;font-size: 14px;font-family:"Tw Cen MT Condensed";margin: 0;padding: 0;}
#button {background: url(../pic/button.png) -785px -50px;display:block;width:115px;height:50px;text-decoration:none; color:#fff;float:right;line-height:48px;text-align:center}
#button:hover {background-position: -785px 100px;}
.button {background: url(../pic/button.png) -700px -50px;display:block;width:115px;height:50px;text-decoration:none; color:#fff;float:right;line-height:48px;text-align:center}
.button:hover {background-position: -700px 100px;}
.right {float:right;}
#contentwrap {width:900px;height:100%;}
#leftbox {float:left;}
#leftboxtop {background: url(../pic/topleft.png);width:550px;height:50px;line-height:50px;text-align:left;}
#leftboxmiddle {background: url(../pic/middleleft.png);width:550px;height:100%;min-height:400px;display:block;text-align:left;}
#leftboxbottom {background: url(../pic/bottomleft.png);width:550px;height:230px;display:block;text-align:left;}
#rightbox {float:right}
#rightboxtop {background: url(../pic/topright.png);width:350px;height:50px;text-align:left;}
#rightboxmiddle {background: url(../pic/middleright.png);width:350px;height:100%;min-height:400px;display:block;text-align:left;}
#rightboxbottom {background: url(../pic/bottomright.png);width:350px;height:75px;display:block;text-align:left;}
.bigbox {background: url(../pic/box.png);width:300px;height:320px;margin:0 25px;text-align:left;}
.smallbox {background: url(../pic/box.png) 0 -320px;width:300px;height:180px;margin:0 25px;text-align:left;}
#button2 {background: url(../pic/button2.png) -785px 0px;display:block;width:115px;height:32px;text-decoration:none; color:#fff;float:right;line-height:30px;text-align:center}
#button2:hover {background-position: -785px -32px;}
.button2 {background: url(../pic/button2.png) -700px 0px;display:block;width:115px;height:32px;text-decoration:none; color:#fff;float:right;line-height:30px;text-align:center}
.button2:hover {background-position: -700px -32px;}

Alles anzeigen

MFG Cy

Macrosdesign

Hat sich erledigt hab das Problem gefunden. Es war ein Fehler in der CSS-Datei

mfg Cy

EDIT:
OK nun ist ein neues Problem aufgetaucht in der rechten Content-Spalte ist oben eine Lücke aber nur im Firefox im IE sieht alles so aus wie ich es haben will nur im Firefox halt nicht.

Vllt kennt ja einer die lösung für das Problem

mfg Cy

Tags