|
|||
Abstand zwischen zwei div
Hallo,
ich habe einen Abstand zwischen zwei div und weiss leider nicht warum. Der Abstand ist ganz unten zwischen dem div 'mitte' und 'fusszeile'. Wäre klasse wenn mir von Euch jemand weiter helfen könnte. Gruß TM CSS: Code:
body { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; background-color: #FFE7B6; margin:20px 0px; padding:0px; } h2 { font-size: 105%; } h3 { font-size: 95%; } /* Logo schön in der Mitte */ #logo { width: 759px; background-image:url(websitetests/grafik/dr_haas_logo_759_ok.gif); background-repeat: no-repeat; height: 85px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } /* Inhalt alles schön in der Mitte */ #mitte { background-image:url(websitetests/grafik/bg_inhalt_1.gif); background-repeat:repeat-y; padding: 0px; margin: 0px auto; width: 759px; text-align:left; } /* Navigationsleiste oben auf der Seite */ #topnavigation { background-color: #FFCC66; font-size: 80%; margin: 0px 1px; padding-top: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CC6600; } #pfad { float: left; margin-left: 10px; } #zusatz { text-align:right; margin-right: 20px; } #navicontainer { overflow:hidden; text-align:left; width: 169px; float: left; background-color: #FFEECC; margin-left: 1px; margin-right: 20px; } /* alles fuer die navigation */ #navicontainer ul { list-style: none; padding: 0; border: none; margin-left: 0; } #navicontainer li { margin-bottom: 5px; } #navicontainer li a { /* bugfix fuer IE */ width: 100%; /* damit sich bei hover ueber die gesamte breite dir farbe aendert */ display: block; background-color: #fcb849; padding-left: 20px; color: #ffffff; font-size: 80%; line-height: 1.5; text-decoration: none; } #navicontainer li a#current { background-color: #fcb849; color:#000000; } html>body #navicontainer li a { width: auto; } #navicontainer li a:hover { background-color: #ffcc66; color: #fff; } #navicontainer li li { border-top: none; border-bottom: 0; margin: 0; } #navicontainer li li a { display: block; /* padding: 5px; */ background-color: #ffcc66; color: #000000; text-decoration: none; width: 100%; } #navicontainer li li subactive { color:#000000; } #navicontainer li li a#subcurrent { color:#000000; background-image:url(websitetests/grafik/symbole/pfeil_kugel.gif); background-repeat: no-repeat; background-position: left center; } /* navigation ende */ #inhalt { font-size: 80%; background-color: #FFCC66; text-align:left; margin: 20px 20px 20px 190px; } .foto { float: left; margin: 0px 20px 10px 0px; /*'margin-top' 'margin-right' 'margin-bottom' 'margin-left' */ } /* Fusszeile schön in der Mitte */ #fusszeile { clear:left; font-size: 75%; text-align: center; background-image:url(websitetests/grafik/fusszeile_759_ok.gif); background-repeat: no-repeat; padding-top: 7px; height: 32px; width: 759px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border-top-width: 1px; border-top-style: solid; border-top-color: #CC6600; } Code:
<body> <div id="logo"></div> <div id="mitte"> <div id="topnavigation"> <div id="pfad"><span class="css_unsichtbar">Sie befinden sich hier: </span>Start > Schwangerschaft > Richtlinien </div> <div id="zusatz">drucken | suchen & finden</div> </div> <div id="navicontainer"> <ul id="navlist">[*]Aktuell[*]Praxis <li id="active">Schwangerschaft <ul id="subnavlist">[*]allgemeine Info <li id="subactive">Richtlinien[*]Zusätzliches[*]Ultraschall[*]Infektions-Schutz[*]Blutzucker-Test[/list] [*]Krebsvorsoge[*]Verhütung[*]weitere Leistungen[/list] </div> <div id="inhalt"> [img]websitetests/dr_haas_portrait.jpg[/img] <h2>Richtlinien (Mutterschaftsvorsorgerichtlinien)</h2> Nachdem wir bei Ihnen eine Schwangerschaft festgestellt haben, erfolgt nun eine Reihe von Untersuchungen:</p> <ul class="einschublist">[*]Frauenärztliche Untersuchungen[*]Blutuntersuchungen[*]Ultraschalluntersuchungen[/list] <h2><a name="frauenaerztlich" id="frauenaerztlich"></a>Frauenärztliche Untersuchungen</h2> Diese wird zunächst in ca. 4-wöchigem Abstand und später, angepasst an den Schwangerschaftsverlauf, in kürzeren Intervallen durchgeführt. Bei der Erstuntersuchung erfolgt neben einer ausführlichen Anamnese die Untersuchung von Scheide und Gebärmutter. Hierbei wird ein Abstrich aus dem Gebärmutterhals entnommen und auf Chlamydien (eine spezielle Art von Bakterien) untersucht, da eine Chlamydieninfektion den Verlauf Ihrer Schwangerschaft ungünstig beeinflussen kann. Die folgenden Untersuchungen werden bei den Vorsorgeterminen regelmäßig durchgeführt: <ul>[*]Blutdruckmessung[*]Urinuntersuchung[*]Gewichtskontrolle[*]Hämoglobinbestimmung Eisenwert, abhängig vom letzten Befund [/list] <a name="blutuntersuchung" id="blutuntersuchungen"></a> <h3>Blutuntersuchungen</h3> Zu Beginn der Schwangerschaft erfolgen die Bestimmung der Blutgruppe und des Rhesusfaktors sowie die Durchführung eines Antikörpersuchtestes, um gegebenenfalls eine Blutgruppenunverträglichkeit zwischen Ihnen und Ihrem Kind frühzeitig festzustellen. Dieser Antikörpersuchtest wird zwischen der 24. und 28. SSW wiederholt. Falls bei Ihnen das Blutgruppenmerkmal „Rhesus negativ" festgestellt wurde, erhalten Sie zwischen der 28. und 30. SSW eine Spritze, um einer möglichen Unverträglichkeit vorzubeugen. Gesetzlich vorgeschrieben sind ferner ein Suchtest auf Geschlechtskrankheiten und eine Rötelnantikörperbestimmung. Diese ist wichtig, da eine Infektion mit dem Rötelnvirus in der Schwangerschaft zu Missbildungen bei Ihrem Kind führen kann. Wir möchten Ihnen empfehlen, zusätzlich auch eine Untersuchung auf HIV (AIDS Virus) durchführen zu lassen. Nach der 32. SSW wird nochmals eine Blutentnahme durchgeführt, die eine eventuell bestehende Infektion mit dem Hepatitis-B-Virus aufdecken soll. Eine solche Infektion könnte während der Geburt zu einer Ansteckung Ihres Kindes führen.</p> <a name="ultraschall" id="ultraschall"></a> <h3>Ultraschalluntersuchungen</h3> Dreimal während der Schwangerschaft ist eine Beurteilung der kindlichen Entwicklung per Ultraschall vorgesehen (sog. Screening).</p> <ul>[*]1. Screening: 9.-12. SSW[*]2. Screening: 19.-22. SSW[*]3. Screening: 29.- 32. SSW[/list] Mit Hilfe dieser Ultraschalluntersuchungen können in vielen Fällen eventuelle schwere Entwicklungsstörungen des Kindes frühzeitig bemerkt werden. Somit können im Bedarfsfall eine spezialisierte Diagnostik eingeleitet und eine notwendige Therapie begonnen werden. Hierbei sehen auch die Mutterschaftsrichtlinien weitere medizinisch begründete Untersuchungen vor. </p> </div> </div> <div id="fusszeile"> © 2005 Dr. Haas | design by | Impressum | Startseite </div> </body> |
Sponsored Links |
Sponsored Links |
|
|||
Hi Magick,
sorry - dachte es könnte auch am Inhalt liegen. (z.B. p-tags oder so....) Gruß TM Code:
<!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> <style type="text/css"> <!-- body { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; background-color: #FFE7B6; margin:20px 0px; padding:0px; } /* Logo schön in der Mitte */ #logo { width: 759px; background-image:url(websitetests/grafik/dr_haas_logo_759_ok.gif); background-repeat: no-repeat; height: 85px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } /* Inhalt alles schön in der Mitte */ #mitte { background-image:url(websitetests/grafik/bg_inhalt_1.gif); background-repeat:repeat-y; padding: 0px; margin: 0px auto; width: 759px; text-align:left; } /* Navigationsleiste oben auf der Seite */ #topnavigation { background-color: #FFCC66; font-size: 80%; margin: 0px 1px; padding-top: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CC6600; } #pfad { float: left; margin-left: 10px; } #zusatz { text-align:right; margin-right: 20px; } #navicontainer { overflow:hidden; text-align:left; width: 169px; float: left; background-color: #FFEECC; margin-left: 1px; margin-right: 20px; } /* alles fuer die navigation */ #navicontainer ul { list-style: none; padding: 0; border: none; margin-left: 0; } #navicontainer li { margin-bottom: 5px; } #navicontainer li a { /* bugfix fuer IE */ width: 100%; /* damit sich bei hover ueber die gesamte breite dir farbe aendert */ display: block; background-color: #fcb849; padding-left: 20px; color: #ffffff; font-size: 80%; line-height: 1.5; text-decoration: none; } #navicontainer li a#current { background-color: #fcb849; color:#000000; } html>body #navicontainer li a { width: auto; } #navicontainer li a:hover { background-color: #ffcc66; color: #fff; } #navicontainer li li { border-top: none; border-bottom: 0; margin: 0; } #navicontainer li li a { display: block; /* padding: 5px; */ background-color: #ffcc66; color: #000000; text-decoration: none; width: 100%; } #navicontainer li li subactive { color:#000000; } #navicontainer li li a#subcurrent { color:#000000; background-image:url(websitetests/grafik/symbole/pfeil_kugel.gif); background-repeat: no-repeat; background-position: left center; } /* navigation ende */ #inhalt { font-size: 80%; background-color: #FFCC66; text-align:left; margin: 20px 20px 20px 190px; } /* Fusszeile schön in der Mitte */ #fusszeile { clear:left; font-size: 75%; text-align: center; background-image:url(websitetests/grafik/fusszeile_759_ok.gif); background-repeat: no-repeat; padding-top: 7px; height: 32px; width: 759px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border-top-width: 1px; border-top-style: solid; border-top-color: #CC6600; } --> </style> </head> <body> <div id="logo"></div> <div id="mitte"> <div id="topnavigation"> <div id="pfad"><span class="css_unsichtbar">Sie befinden sich hier: </span>Start > Schwangerschaft > Richtlinien </div> <div id="zusatz">drucken | suchen & finden</div> </div> <div id="navicontainer"> <ul id="navlist">[*]Aktuell[*]Praxis <li id="active">Schwangerschaft <ul id="subnavlist">[*]allgemeine Info <li id="subactive">Richtlinien[*]Zusätzliches[*]Ultraschall[*]Infektions-Schutz[*]Blutzucker-Test[/list] [*]Krebsvorsoge[*]Verhütung[*]weitere Leistungen[/list] </div> <div id="inhalt"> Inhalt </div> </div> <div id="fusszeile">Fusszeile </div> </body> </html> |
|
||||
Schon viieel besser
Und, welch Überraschung, es liegt wirklich am margin vom #inhalt Es hätte vielleicht noch von Interesse sein können, dass das von dir beschriebene Verhalten nur im IE auftritt, der Firefox zeigt's nach wie vor ohne Abstand an. Code:
#inhalt { margin: 20px 20px 0px 190px; } |
|
|||
Hi Magick,
vielne Dank für Deine Antwort. Sorry hatte ich vergessen zu erwähnen: Die Lücke trit nur im Firefox auf nicht im IE. Es liegt also auch nicht am Box-Modell - das der IE falsch interpretiert. Eine Änderung des margin im #inhalt beseitigt leider auch nicht die Lücke im Firefox. Gruß TM |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Fragen zu CSS und Joomla | DOKTOR | CSS | 2 | 23.05.2011 20:29 |
Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 17:53 |
Header entfernen | tripple | CSS | 17 | 15.06.2010 16:41 |
Schriftfarbe in den Eintragungsfeldern von jforms | Steveislucky | CSS | 2 | 16.03.2010 11:59 |
CSS Text nebeinander? | carstiee09 | CSS | 13 | 13.11.2009 20:18 |