Zwischenraum definieren

[LeH]

Hallo,

ich brauche eure Hilfe:

Ich habe ein Design mit zwei Spalten neben dem Inhaltsframe: http://www.abroad.de.ms

Wo kann ich die Einstellung machen, dass der Abstand zwischen Navigation und Inhalt genau so groß wie der zwischen Info(wo das Bild ist) und Inhalt?

/* Stylesheet Website  2005 */


/* Bereiche */

body  
{
    color: black; 
    background-color: #FFFFFF;
    font-size: 100%;
    font-family: Verdana, Tahoma, Microsoft Sans Serif, Arial;
    margin: 0; 
    padding: 1em;
}

div#Kopfzeilea 
{
    height: 80px;
    margin: 0 0 2px;  
    background-color: #1C519D;
}

div#Kopfzeileb
{
    height: 21px;
    margin: 0 0 2px;
    background-color: #CCCCCC;
}  

div#Kopfzeilec
{
    height: 21px;
    margin: 0 0 0.7em;
    background-color: #DDDDDD;
}  

html>body h1 
{
    border-color: black;  /* Farbangleichung an den Internet Explorer  */
}

div#General
{
   padding: 1em;
   background-color: #EEEEEE;
}

div#Navigation
{
    font-size: 0.83em;
    float: left;
    width: 18em;
    margin; 0 0 1.2em;
    padding: 0;
    background-color: #FFFFFF;
}

div#Navigation h4 
{
    margin: 0.2em 0.5em;
}

div#Navigation p 
{
    margin: 0.5em;
}
  

div#Info 
{
    font-size: 0.9em;
    float: right; 
    width: 12em;
    margin: 0 0 1.1em; 
    padding: 0;
    background-color: #FFFFFF; 
}

div#Info h4 
{
    margin: 0.2em 0.5em;
}

div#Info p 
{
    margin: 0.5em;
}

div#Inhalt 
{
    background-color: #FFFFFF;
    margin: 0 12em 0.7em 16em;
    padding: 0 0;
}

* html div#Inhalt 
{
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
}

div#Inhalt h2 
{
    margin: 0.2em 0;
}

div#Inhalt p 
{
    font-weight: normal;
    margin: 1em 0;
}

p#Fusszeile 
{
    clear: both;
    font-size: 12px;
    margin: 0; 
    padding: 0.1em;
    text-align: center;
    background-color: #EEEEEE; 
  }

/* Schriften */

a
{ 
    color: #666666; 
    text-decoration: none; 
}

a:hover 
{ 
    color: #6699CC; 
    text-decoration: underline; 
}

h1 
{
    font-family: Arial, Verdana, Tahoma, Microsoft Sans Serif, Arial;
    font-size: 23px;
    color: #666666;
    text-align: center;
}

h2 
{
    font-family: Verdana, Tahoma, Microsoft Sans Serif, Arial;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
}

p 
{
    font-family: Verdana, Tahoma, Microsoft Sans Serif, Arial;
    font-size: 12px;
    color: #666666;
}

.»
{
    color: #6699CC;
}

Viele Grüße

Leon

 

[LeH]

Leute? Kann mir da wer helfen?

 

[Gumbo]

Könntest du bitte anhand einer Grafik verdeutlichen, welche Abstände gemeint sind. Bei mir werden die Abstände nämlich gleichmäßig dargestellt oder ich vergleiche einfach die falschen Abstände.

 

[LeH]

Hier ist das Bild..
die beiden Abstände sollen gleich groß sein.

Dabei soll der Rechte dem Linken angepasst werden.

 

[Gumbo]

Probier mal folgendes Stylesheet:

div#General {
	padding:			1em;
	background-color:		#fe0;
}
div#Navigation {
	float:				left;
	width:				16em;
	background-color:		#f66;
}
div#Info {
	float:				right;
	width:				12em;
	background-color:		#6f6;
}
div#Inhalt {
	margin:				0 13em 0 17em;
	background-color:		#66f;
}