Border ums Homepage ---Positiv erledigt ---

[miro]

hallo Zusammen

wie erstelle ich eine Border rund um meine Webseite die 800px breit ist in CSS.
Meine versuchen die Border in Body oder Content zu platzieren sind gescheitert.

Ich möchte die Border in HTML code vermeiden ... gehet das?

danke in voraus
Miro

 

[Broken Sword]

Hi,
wenn du ein Rahmen um das gesamte Browser-Fenster haben willst, ist border für den html/Body-Tag eigentlich das Richtige. Sonst halt für das Haupt-Element.
Das Attribut "border" wird ab html1.1 auch gar nicht mehr unterstützt. Da solltest du schon auf CSS zurückgreifen
Bsp.

html {
height:100%;
border:1px #000 solid;
}

Wenn das nicht funktioniert, am Besten Link/Quelltext posten.

Gruß
Broken Sword

 

[miro]

hallo Broken Sword

Danke für deine Unterstützung
ich habe deinen Vorschlag nachgegangen aber das klappt nicht.
ich möchte eine Bodürre erstellen wie in einer Table tag in dem der Body Inhalt ist.
in ".body #container" sind alle divs platziert: header, navilinks , navirechts und footer
die Bodürre soll nur diesen Inhalt zur einer einheit umschließen
wo kann ich die Border setzen ?

Gruß
miro

body {

background: #b29e7d;
font: 100% "Arabic Typesetting" Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: center;
} 

.body #container {

background: #b29e7d;
width: 900px; 
text-align: left;

} 

.body #menu{
position: relative;
top: 270px;
border-bottom-color: #58462E;
border-bottom-style: solid;
border-bottom-width: 1px;
width: 890px;
border-top: 5;



}



.body #menu a {
position: relative;
left: -220px; /*Obere menu position */
margin-left: 0px;
padding-left: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 60%;
top: -5px;
white-space: 100;

}

.body #menu a:link, a:visited, a:active, a:hover { 
text-decoration: none;
color: #D5D3C7; 

}

.body #menu a:active, .body #menu a:hover { 
text-decoration: none;
color: #39201C;
}


.body #header {
background: #b29e7d;
background-image: url(../images/header.jpg);
height: 270px;
z-index: 2;
background-repeat: no-repeat;

} 

.body #navi1 {
background: #b29e7d;
float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
margin-top: 300px;
margin-left: 15px;
width: 180px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
color: #D5D3C7; /* Navigation links Pfeile farbe */
padding-bottom: 30px;


}

.testament {
font-family: "Arabic Typesetting" Verdana, Arial, Helvetica, sans-serif;
font-size: 120%;
color: #D5D3C7;
padding-bottom: 20px;

}

.body #navi1 a{ 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 18px;
margin-top: 0px;
} 


.body #navi2 {
background: #b29e7d;
float: right; 
margin-top: 300px;
margin-left: 0px;
padding-right: 0px;
width: 190px;
display: block;
} 

.kapitel {
font-family: "Arabic Typesetting" Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
color: #D5D3C7;
padding-bottom: 20px;
}

.vers {
font-family: "Arabic Typesetting" Verdana, Arial, Helvetica, sans-serif;
font-size: 60%;
color: #D5D3C7;
padding-bottom: 10px;
}





.body #navi2 a{
display: block;
float: left;
width: 25px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 60%;
line-height: 18px;
}


a:link, a:visited, a:active, a:hover { 
text-decoration: none;
font-weight: bold;
color: #39201C; 
font-size: 11px;
}

a:active, a:hover { 
text-decoration: none;
color: #D5D3C7;
}

.body #mainContent {
background: #b29e7d;
margin: 300px 230px 20px 230px;


}


.text {
font-family: "Arabic Typesetting" Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
}


.body #footer {
background-color: #b29e7d;
background-image: url(../images/footer.jpg);
background-repeat: no-repeat;
height: 40px;
text-align: center;
margin-top: 30px;


}





.body #footer a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 60%;
text-align: center;
position: relative; 
top: 5px;
padding-top: 5px;


}

.body #footer a:link, a:visited, a:active, a:hover {
text-decoration: none;
color: #D5D3C7;

}

.body #footer a:active, .body #footer a:hover { 
text-decoration: none;
color: #39201C;
}

 

[Broken Sword]

Hi,
also ich glaube, es geht um den Abschnitt

.body #menu {
position:relative;
top:270px;
border-bottom-color:#58462E;
border-bottom-style:solid;
border-bottom-width:1px;
width:890px;
border-top:5;
}

Bei mir funktioniert das einwandfrei (außer border-top, "5" ist keine valide Angabe)
Sonst, alles, wie es soll.
Vielleicht ist es nur ein Denkfehler und du hast aus Versehen ".body #menu" geschrieben. Bei dir steht, "Klasse 'body'"->*->"ID 'menu'"

Gruß
Broken Sword

 

[miro]

Hi,
also ich glaube, es geht um den Abschnitt

.body #menu {
position:relative;
top:270px;
border-bottom-color:#58462E;
border-bottom-style:solid;
border-bottom-width:1px;
width:890px;
border-top:5;
}

Bei mir funktioniert das einwandfrei (außer border-top, "5" ist keine valide Angabe)
Sonst, alles, wie es soll.
Vielleicht ist es nur ein Denkfehler und du hast aus Versehen ".body #menu" geschrieben. Bei dir steht, "Klasse 'body'"->*->"ID 'menu'"

Gruß
Broken Sword

hallo Broken Sword

ich habe den Fehler schon gefunden .

danke für deine Hilfe

Gruß
miro