Autor |
Nachricht |
-

band-noname
|
10.09.2011 um 15:44 (UTC) Titel: Wie füge ich in diesem Css code die rechte Box wieder ein?? |
|
|
Wie kann ich diesen Css Code so verändern, dass die rechte Box angezeigt wird? Im Css code steh, dass sie entfernt wurde(Im Css code rot markiert!). Was muss ich verändern um sie anzeigen zu lassen?
Bitte um Hilfe!
Danke im Voraus!
CSS Code:
/* für alle Browser */
*{margin:0px; padding: 0px;}
/* Werbung platziert */
table[height="102"] {
position: absolute;
left: 50%;
top:0px;
margin-left: -440px; }
/* Hintergrund hinter Design */
body {
background-color: #171d2b;
background-image: url(/city_bg.png);
background-repeat: repeat-x;
font-family: arial;}
/* Design-Container */
#container {
width: 100%;
margin: auto;
overflow: hidden; }
/* Headerfeld */
#header_container {
width: 100% ;
height: 320px;
background-image: url(/city_header.png); }
/* Titel im Header entfernt */
h1#header {display: none; }
/* Feld der Navigation */
#nav_container {
float:left;
width: 180px;
margin-left: 2%;
overflow: hidden; }
/* Liste Navigation */
#nav_container ul {
list-style-type: square;
margin-left: 25px; }
/* Navibutton Navigation */
li.nav_element {
width: 130px;;
height: 30px;
text-align: left;
border-bottom: 1px dotted #050609; }
/* Linkfarbe Navigation */
li.nav_element a {
display: block;
line-height: 30px;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none; }
/* Hover Linkfarbe */
li.nav_element a:hover {
display: block;
line-height: 30px;
font-size: 13px;
color: orange;
text-decoration: none; }
/* Buttonfarbe aktuell besuchte Seite */
li.checked_menu a{
color: orange; }
/* Titel der Navigation entfernt */
#nav_heading {display:none; }
/* das Feld um content */
#content_container {
float:left;
width: 60%;
margin-top: -45px;
overflow: hidden;
text-align: left;
background-color: #FFFFFF;
border: 5px solid #c9c9c9;
border-radius: 10px; }
/* Seiteninhalt */
#content {
width: 90%;
margin-left: 30px;
min-height: 300px;
margin-bottom: 20px;
overflow: hidden; }
/* Ueberschriften */
h1, h2 {
font-family: monospace;
font-size: 24px;
color: #050609;
margin-bottom: 10px;}
/* Schrift im Seiteninhalt */
#content, #content p #content span {
font-size: 15px;
color: #000000; }
/* Linkfarbe Seiteninhalt */
#content a {
color: #739cce;
text-decoration: none; }
/* Hover Link Seiteninhalt */
#content a:hover {
color: #ff5700;
text-decoration: underline; }
/* Titel im Seiteninhalt entfernt */
#title span {display:none; }
/* die rechte Box entfernt */
#sidebar_container {display:absolute; }
#mond {
position: absolute;
left: 5%;
top: 10px;
width: 80px;
height:80px; }
#flieger {
position: absolute;
right: 20%;
top: 15px;
width: 70px;
height: 70px; }
/* Feld unter dem Design */
#footer {
width: 50%;
padding: 10px;
margin: auto;
margin-bottom: 40px;
text-align: right;
font-size: 10px;
color: #b9b9b9; }
#counter {display:none;} |
|
↑
|
|
 |
-

4i
|
10.09.2011 um 20:23 (UTC) Titel: |
|
|
Hallo,
Du entfernst einfach den Befehl display: absolute; und definierst die Klasse.
Liebe Grüße |
|
↑
|
|
 |
-

band-noname
|
10.09.2011 um 21:48 (UTC) Titel: |
|
|
4i" hat Folgendes geschrieben: und definierst die Klasse."
Wie mache ich das?  |
|
↑
|
|
 |
|
10.09.2011 um 23:31 (UTC) Titel: |
|
|
Hallo,
du gestaltest dir das Element, so wie du es haben möchtest.
z.b. so:
Code: #sidebar_container {
background-color:#ff0000;
border:25px dotted #00ff00;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
}
Ich bezweifle allerdings, dass das so deinem Wunsch entspricht.  ______________ mfg
o-4-n
"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]
*** Die Suchfunktion ist KEINE tödliche Krankheit! ***
Eventplanung, Equipment, Zeltverleih, Catering
Zuletzt bearbeitet von o-4-n am 11.09.2011, 01:01, insgesamt einmal bearbeitet
|
|
↑
|
|
 |
-

band-noname
|
11.09.2011 um 12:38 (UTC) Titel: |
|
|
o-4-n hat Folgendes geschrieben: Hallo,
du gestaltest dir das Element, so wie du es haben möchtest.
z.b. so:
Code: #sidebar_container {
background-color:#ff0000;
border:25px dotted #00ff00;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
}
Ich bezweifle allerdings, dass das so deinem Wunsch entspricht.
Und wie kann ich die Box ausrichten? Mit diesen Zahlen hängt die Box unten links. Wie bekomme ich sie an die rechte Seite?
Code: #sidebar_container {
background-color:#ff0000;
border:25px dotted #00ff00;
position:fixed;
top:200;
left:200;
right:200;
bottom:200;
} |
|
↑
|
|
 |
|
|
↑
|
|
 |
|