Problem: margin-bottom

davidos_no.1

sicherlich ist das problem ganz einfach zu lösen und ich habe nur einen dummen fehler gemacht, aber ich komme einfach nicht darauf...

Code

...
<body>
<table width="84%" border="0" align="left" cellspacing="0" cellpadding="0">
  <tr>
    <td id="header">&nbsp;</td>
  </tr>
</table>
<table width="84%" border="0" align="left" cellspacing="0" cellpadding="0">
  <tr>
    <td id="navi">
    <a class="navi" href="" target="_self">Blog</a>
    <a class="navi" href="" target="_self"> Archiv</a>
    <a class="navi" href="" target="_self"> Bio</a>
    <a class="navi" href="" target="_self"> Contact</a>
    </td>
  </tr>
</table>
</body>
...

Alles anzeigen

Code

/* body */
body {margin:0px; padding:0px; background:#111111;}
body,table,td {font-size:12px; font-family:trebuchet ms, arial, helvetica,verdana, georgia, "times new roman", sans-serif; color:#E5E5E5;}
h2 {font-size:15px; font-family:trebuchet ms, arial, helvetica,verdana, georgia, "times new roman", sans-serif; color:#E5E5E5; display:inline;}


/* header */
#header {width:auto; height:220px; background:#181818; margin-bottom:50px;}


/* navi */
#navi {width:auto; height:25px; background:#181818;}


a.navi:link {font-size:15px; font-family:trebuchet ms, arial, helvetica,verdana, georgia, "times new roman", sans-serif; color:#E5E5E5; text-decoration:none;}
a.navi:visited {font-size:15px; font-family:trebuchet ms, arial, helvetica,verdana, georgia, "times new roman", sans-serif; color:#E5E5E5; text-decoration:none;}
a.navi:active {font-size:15px; font-family:trebuchet ms, arial, helvetica,verdana, georgia, "times new roman", sans-serif; color:#E5E5E5; text-decoration:none;}
a.navi:hover {font-size:15px; font-family:trebuchet ms, arial, helvetica,verdana, georgia, "times new roman", sans-serif; color:#E5E5E5; text-decoration:underline;}

Alles anzeigen

so, wie ist jetzt ist, wird "margin-bottom" in #header einfach nicht beachtet. ziel ist es, einen abstand von 50px zwischen beide tabellen zu bekommen. hat das evtl. etwas mit dem "reset-reloaded" zu tun?

gruß

Macrosdesign

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>Unbenanntes Dokument</title>
<style type="text/css">
/* body */
body {margin:0px; padding:0px; background:#111111;}
body {font-size:12px; font-family:trebuchet ms, arial, helvetica,verdana, georgia, "times new roman", sans-serif; color:#E5E5E5;}
h2 {font-size:15px; font-family:trebuchet ms, arial, helvetica,verdana, georgia, "times new roman", sans-serif; color:#E5E5E5; display:inline;}
#wrapper {height:100%; width:84%; margin:0 auto;}
/* header */
#header {width:100%; height:220px; background:#181818; margin-bottom:50px;}


/* navi */
#navi {width:84%; height:25px; background:#181818;}
#navi a {font-size:15px; font-family:trebuchet ms, arial, helvetica,verdana, georgia, "times new roman", sans-serif; color:#E5E5E5; text-decoration:none;}
#navi a:visited {font-size:15px; font-family:trebuchet ms, arial, helvetica,verdana, georgia, "times new roman", sans-serif; color:#E5E5E5; text-decoration:none;}
#navi a:active {font-size:15px; font-family:trebuchet ms, arial, helvetica,verdana, georgia, "times new roman", sans-serif; color:#E5E5E5; text-decoration:none;}
#navi a:hover {font-size:15px; font-family:trebuchet ms, arial, helvetica,verdana, georgia, "times new roman", sans-serif; color:#E5E5E5; text-decoration:underline;}
</style>
</head>


<body>
<div id="wrapper">
    <div id="header">&nbsp;</div>
<div id="navi">
    <a href="" target="_self">Blog</a>
    <a href="" target="_self"> Archiv</a>
    <a href="" target="_self"> Bio</a>
    <a href="" target="_self"> Contact</a>
</div>
</div>
</body>


</html>

Alles anzeigen

Du solltest divs benutzen tables sind einfach nur scheisse und veraltet;)

davidos_no.1

Zitat von Macrosdesign

...
Du solltest divs benutzen tables sind einfach nur scheisse und veraltet;)

da ich mich leider noch nicht so gut auskenne, mache ich es erstmal mit tabellen. mit div's weiß ich nicht genau, wie ich mein ziel realisieren kann.
hat jemand eine idee, woran es liegt?

Macrosdesign

was ist denn dein ziel wenn ich fragen darf??

divs ist doch viel besser und einfacher als table ??

http://de.selfhtml.org

davidos_no.1

Zitat von Macrosdesign

was ist denn dein ziel wenn ich fragen darf??

divs ist doch viel besser und einfacher als table ??

http://de.selfhtml.org

gut, "nicht realisieren" war ein bisschen übertrieben. ich finde es mit tabellen einfacher und übersichtlicher.

"zurück zum thema"

Macrosdesign

du musst unterm header ne weitere zeile einfügen und die mit einer höhe machen aber wenn du nachher n bild drin hast kannste auch einfach das bild entsprechend in der höhe verringern und oben platzieren um den abstand zu haben

davidos_no.1

Zitat von Macrosdesign

du musst unterm header ne weitere zeile einfügen und die mit einer höhe machen aber wenn du nachher n bild drin hast kannste auch einfach das bild entsprechend in der höhe verringern und oben platzieren um den abstand zu haben

ok, vielen dank! werde es jetzt aber mit div's machen:D

Macrosdesign

gut so

mfg Cy

koslowski

Moin,

Zitat

Zitat von Davidos:
so, wie ist jetzt ist, wird "margin-bottom" in #header einfach nicht beachtet. ziel ist es, einen abstand von 50px zwischen beide tabellen zu bekommen. hat das evtl. etwas mit dem "reset-reloaded" zu tun?

nein, innerhalb von Tabellen ist margin nicht anwendbar, deshalb funktioniert das nicht bei dir.

Vielleicht ist dieser Artikel interessant für dich, oder dieser.

Dr. Gore

Zitat von koslowski

Vielleicht ist dieser Artikel interessant für dich, oder dieser.

Gute Seiten.... interessant !

Problem: margin-bottom

Tags

Benutzer online in diesem Thema