Wissen, News, Stream und Download zu narrow margin
Alles im Web finden: Videos, Software, Bücher, Dokumente, Wissenschaft, Nachrichten
Kein Treffer zur Suche von narrow marginSuchergebnisse: narrow margin
Warum entsteht bei einer Div die nicht in einer anderen ist auch ein margin-Rand?
Hallo, Ich hab folgenden Code: Im HTML:
Und im CSS hab ich: body{background-color: #330; margin: 0px 0px 0px 0px;} mother{width: 100%; height: 600px; background-color: #00665E; border-top: 5px solid white; border-bottom: 5px solid white; box-shadow: 0px 0px 10px #666; margin-top: 100px;} menu {position: fixed; height: 100%; width: 200px; background-color: #FF662E; opacity: 0.8; /*transparenz auch für die border */ z-index: 10; border-left: 5px solid white; border-right: 5px solid white; box-shadow: 0px 0px 10px #666; margin-left: 10px;}
Warum gibt es jetzt bei menu einen 100px großen margin-Rand bei top? Die beiden Divs sollten sich doch eigentlich garnicht beeinflussen. Ich weiß dass ich das einfach mit einem Wrapper um menu beheben kann; aber ich würde gern wissen warum da überhaupt so eine Lücke entsteht.
PS. natürlich ist vor body keine
Und im CSS hab ich: body{background-color: #330; margin: 0px 0px 0px 0px;} mother{width: 100%; height: 600px; background-color: #00665E; border-top: 5px solid white; border-bottom: 5px solid white; box-shadow: 0px 0px 10px #666; margin-top: 100px;} menu {position: fixed; height: 100%; width: 200px; background-color: #FF662E; opacity: 0.8; /*transparenz auch für die border */ z-index: 10; border-left: 5px solid white; border-right: 5px solid white; box-shadow: 0px 0px 10px #666; margin-left: 10px;}
Warum gibt es jetzt bei menu einen 100px großen margin-Rand bei top? Die beiden Divs sollten sich doch eigentlich garnicht beeinflussen. Ich weiß dass ich das einfach mit einem Wrapper um menu beheben kann; aber ich würde gern wissen warum da überhaupt so eine Lücke entsteht.
PS. natürlich ist vor body keine
Einen Wrapper brauchst du nicht. Erstmal um das fix zu lösen reicht ein top: 0; für dein #menu.
Warum das so ist, muss ich selbst erstmal schauen
Warum das so ist, muss ich selbst erstmal schauen
margin: 0px; padding: 0px;} schon versucht es mal global auf 0 zu setzen?
Da mein html nicht angezeigt wird und es anscheinend keine Möglichkeit gibt den Beitrag naträglich noch mal zu bearbeiten hier noch mal der HTML-Teil
1 Kommentar anzeigen Kommentar von , 21.05.2015 Aber vor menu und mother hast du schon eine Raute gesetzt? #menu, #mother?
Wenn du etwas mit fixed oder absolut positionierst, solltest du auch die Position angeben , sonst weißt der Browser nicht, wohin damit.
Klingt schon etwas eigenartig, wofür ist #mother angedacht?
1 Kommentar anzeigen Kommentar von , 21.05.2015 Aber vor menu und mother hast du schon eine Raute gesetzt? #menu, #mother?
Wenn du etwas mit fixed oder absolut positionierst, solltest du auch die Position angeben , sonst weißt der Browser nicht, wohin damit.
Klingt schon etwas eigenartig, wofür ist #mother angedacht?
CSS: Durch "margin-right" und "float: right" rutscht der Text vom "index"-div nach unten.
Durch "margin-right" und "float: right" rutscht der Text vom "index"-div nach unten.
Jedoch, wie behebt man das Problem?#leftbox {width: 160px; min-width: 160px; margin-right: 75%; float: right;}. komplette Frage anzeigen Antwort von , 28.12.2011 1 Mitglied fand diese Antwort hilfreich Versuch es mit "position:absolute
Jedoch, wie behebt man das Problem?#leftbox {width: 160px; min-width: 160px; margin-right: 75%; float: right;}. komplette Frage anzeigen Antwort von , 28.12.2011 1 Mitglied fand diese Antwort hilfreich Versuch es mit "position:absolute
,
das Problem ist gelöst, jedoch ruft dieser Befehl einen neuen Fehler hervor. Denn "leftbox" ist nun zu weit nach links gerutscht.
das Problem ist gelöst, jedoch ruft dieser Befehl einen neuen Fehler hervor. Denn "leftbox" ist nun zu weit nach links gerutscht.
Ich habe es jetzt hinbekommen.
Nochmals,.
Nochmals,.