• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

margin wird ignoriert

K

ka9de

Mitglied
Moin,

HTML: 
<div style="width: 711px; margin-left:5%;">
     <div style="background-image:url(HG_Website.jpg); height: 700px; background-repeat:no-repeat;">
         <div style="height:50px; margin: 80px 20px 0px 130px;">
Warum wird der top margin vom letzten div ignoriert? Abhilfe schafft der Dummie:

HTML: 
<div style="width: 711px; margin-left:5%;">
     <div style="background-image:url(HG_Website.jpg); height: 700px; background-repeat:no-repeat;">
         <div style="height:1px;"></div>
         <div style="height:50px; margin: 80px 20px 0px 130px;">
Bitte nur auf die Frage eingehen, danke

Gruß
 
Werbung:
Lager die CSS Datei mal aus, das ist auch übersichtlicher.
Und dann nimm mal das margin einzeln, also Margin-top etc.
dann können wir mal weiterschauen.

Ein Link zur Seite wäre nicht schlecht.
 
Werbung:
Uelik schrieb:
Ja also ich habe den Code mal kopiert und bei mir geschaut. Bei mir macht es ein 80px - Margin.
Zum Vergrößern anklicken....

Helfe ner Freundin hier mit ihrem HTML Kram ein wenig.. sie benutzt halt Dreamweaver, wobei wir grundsätzlich auch nur im Code Fenster arbeiten. Seltsamerweise wird im "Darstellungs Editor" der margin richtig angezeigt.. Firefox und Safari (sitzen am Mac) zeigen ihn nicht.

CSS wird ausgelagert sobald es läuft und was sollte ein umschreiben zu margin-top, .. nutzen? Ich denke nichts, danke trotzdem.
 
Stell doch mal bitte die Seite online und poste einen Link.
Vielleicht hat das noch andere Ursachen.
Auch bei mir haben die Code-Schnipsel funktioniert.
 
Online stellen ist leider nicht möglich. Kann euch den Quelltext geben.. falls das nicht hilft dann ist das halt so.
Danke trotzdem für die Bemühungen.

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="css.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>tiddel</title>
</head>
 
<body>
<div id="aussen">
    <div id="website">
        <div id="dummie"></div>
        <div id="menue">
            <a href="Page_Info.html"><img src="links/info_mittel.jpg" alt="Info" class="links" /></a>
            <a href="Page_Idee.html"><img src="links/idee_mittel.jpg" alt="Idee" class="links" /></a>
               <a href="Page_Portfolio.html"><img src="links/portfolio_gross.jpg" alt="Portfolio" class="links" /></a>
        </div>
        <div id="content">
          hier ist content
        </div>
    </div>
    <div id="submenue">
        <a href="Impressum.html"><img src="links/impressum_klein.jpg" alt="Impressum" class="links" /></a>
    </div>
    <a href="Page_Kontakt.html"><img src="Brief.jpg" alt="Kontakt" /></a>
</div>
</body> 
</html>
HTML: 
<style type="text/css">
<!--

* { margin: 0; padding: 0 }

img { border:none; }

#aussen {width: 711px; margin-left:5%;}
#website {background-image:url(HG_Website.jpg); height: 700px; background-repeat:no-repeat;}
#dummie {height:1px;}
#menue {margin: 80px 20px 0px 100px; text-align:center;}
#content {margin: 50px 20px 0px 130px; overflow:auto; height: 480px;}
#submenue {margin: 0px 100px 0px 140px; float:left;}

.links {margin: 0px 30px 0px 0px;}

-->
</style>
Gruß
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben