zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Abstand zwischen zwei div

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 05.02.2005, 02:50
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.02.2005
Beiträge: 3
T:-)M befindet sich auf einem aufstrebenden Ast
Standard 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;
}
HTML:
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 &gt; Schwangerschaft > Richtlinien </div>
    <div id="zusatz">drucken | suchen &amp; 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&auml;rztliche Untersuchungen[*]Blutuntersuchungen[*]Ultraschalluntersuchungen[/list]    <h2><a name="frauenaerztlich" id="frauenaerztlich"></a>Frauen&auml;rztliche Untersuchungen</h2>
    Diese wird zun&auml;chst in ca. 4-w&ouml;chigem Abstand und sp&auml;ter, angepasst an den Schwangerschaftsverlauf, in k&uuml;rzeren Intervallen durchgef&uuml;hrt.

    Bei der Erstuntersuchung erfolgt neben einer ausf&uuml;hrlichen Anamnese die Untersuchung von Scheide und Geb&auml;rmutter. Hierbei wird ein Abstrich aus dem Geb&auml;rmutterhals entnommen und auf Chlamydien (eine spezielle Art von Bakterien) untersucht, da eine Chlamydieninfektion den Verlauf Ihrer Schwangerschaft ung&uuml;nstig beeinflussen kann. Die folgenden Untersuchungen werden bei den Vorsorgeterminen regelm&auml;&szlig;ig durchgef&uuml;hrt:
    <ul>[*]Blutdruckmessung[*]Urinuntersuchung[*]Gewichtskontrolle[*]H&auml;moglobinbestimmung Eisenwert, abh&auml;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&uuml;hrung eines Antik&ouml;rpersuchtestes, um gegebenenfalls eine Blutgruppenunvertr&auml;glichkeit zwischen Ihnen und Ihrem Kind fr&uuml;hzeitig festzustellen. Dieser Antik&ouml;rpersuchtest wird zwischen der 24. und 28. SSW wiederholt. Falls bei Ihnen das Blutgruppenmerkmal &bdquo;Rhesus negativ" festgestellt wurde, erhalten Sie zwischen der 28. und 30. SSW eine Spritze, um einer m&ouml;glichen Unvertr&auml;glichkeit vorzubeugen. Gesetzlich vorgeschrieben sind ferner ein Suchtest auf Geschlechtskrankheiten und eine R&ouml;telnantik&ouml;rperbestimmung. Diese ist wichtig, da eine Infektion mit dem R&ouml;telnvirus in der Schwangerschaft zu Missbildungen bei Ihrem Kind f&uuml;hren kann. Wir m&ouml;chten Ihnen empfehlen, zus&auml;tzlich auch eine Untersuchung auf HIV (AIDS Virus) durchf&uuml;hren zu lassen. Nach der 32. SSW wird nochmals eine Blutentnahme durchgef&uuml;hrt, die eine eventuell bestehende Infektion mit dem Hepatitis-B-Virus aufdecken soll. Eine solche Infektion k&ouml;nnte w&auml;hrend der Geburt zu einer Ansteckung Ihres Kindes f&uuml;hren.</p>
    <a name="ultraschall" id="ultraschall"></a>
    <h3>Ultraschalluntersuchungen</h3>
    

Dreimal w&auml;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&ouml;nnen in vielen F&auml;llen eventuelle schwere Entwicklungsst&ouml;rungen des Kindes fr&uuml;hzeitig bemerkt werden. Somit k&ouml;nnen im Bedarfsfall eine spezialisierte Diagnostik eingeleitet und eine notwendige Therapie begonnen werden. Hierbei sehen auch die Mutterschaftsrichtlinien weitere medizinisch begr&uuml;ndete Untersuchungen vor.

    </p>
  </div>
</div>
<div id="fusszeile"> &copy; 2005 Dr. Haas | design by  | Impressum | Startseite </div>
</body>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 05.02.2005, 04:37
Benutzerbild von magick
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 05.09.2004
Ort: Hamburg
Beiträge: 302
magick befindet sich auf einem aufstrebenden Ast
Standard

Ein kompletter (doctype!), funktionierender (also mit style-tag im head-bereich), und auf das Problem beschränkte Quellcode würde es den Mitgliedern dieses Forums ungemein erleichtern, dir zu helfen.

PS: Kann nur vermuten, dass es am margin vom #inhalt liegt...
__________________
Gruss, Merlin
xw3.org - light your style
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 05.02.2005, 13:16
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.02.2005
Beiträge: 3
T:-)M befindet sich auf einem aufstrebenden Ast
Standard

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 &gt; Schwangerschaft > Richtlinien </div>
    <div id="zusatz">drucken | suchen &amp; 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>
[/code]
Mit Zitat antworten
  #4 (permalink)  
Alt 05.02.2005, 16:17
Benutzerbild von magick
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 05.09.2004
Ort: Hamburg
Beiträge: 302
magick befindet sich auf einem aufstrebenden Ast
Standard

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;
}
Warum? wüsste ich auch gern...
__________________
Gruss, Merlin
xw3.org - light your style
Mit Zitat antworten
  #5 (permalink)  
Alt 06.02.2005, 01:56
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.02.2005
Beiträge: 3
T:-)M befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:34 Uhr.