Ich verstehe die Welt nicht mehr

Nachdem ich jetzt dir rechtsbündige Ausrichtung mit float in innerconent hinbekommen habe, wird der grafische Rahmen nicht mehr angezeigt

Ich möchte doch einfach nur folgendes erreichen: Ein zentrierter Div - Bereich der links und rechts einen 9px breiten Grafischen Rahmen besittz. Und dessen Inhalt rechts ausgerichtet wird.

Nur mit nachstehemden Code wird mir zwischen IE und Firefox entweder der rechte Rahmen angezeigt oder nicht.

Weis einer von euch welchen Fehler ich hier mache? Wie muss es korrekt lauten, so das es Browserunabhängig korrekt dargestellt wird.

Danke für eure Hilfe

Code

<div id="content"><div class="rightborder">
  <div id="innercontent">
     Hier steht Text
  </div>
</div></div>

Code

body {
   background:          #E0E0E0;
   height:              100%;
   margin:              0px;
   line-height:         120%;
}


#content {
   position:                  absolute;
   left:                         50%;
   width:                      776px;
   margin-left:             -388px;
   background:            url(left_border.jpg) left repeat-y;
}


#content .rightborder {
   width:                      767px;
   margin-left:              9px;
   background:             url(right_border.jpg) right repeat-y;
}


#innercontent {
   width:                      650px;
   float:                       right;
}

Alles anzeigen

phore

probiers mal so

Code

.rightborder {
   width: 767px;
   margin-left: 9px;
   background: url('right_border.jpg'); 
   background-position: right;
   background-repeat: repeat-y;
}

poste doch mal nen link zur page oder so?

sejuma

Entspricht das deinen Vorstellungen?

CSS

Code

body {
   background:          #E0E0E0;
   height:              margin:0 auto;
   line-height:         120%;
}


#content {


   margin: 0 auto;
   width:  776px;
   border-left: 9px solid red;
   border-right: 9px solid red;
   background-color: yellow;
}


#innercontent {
   width: 650px;
   margin: 0 auto;
   float:right;
   background-color: lime;
}

Alles anzeigen

HTML

Code

<div id="content">
  <div id="innercontent">
     Hier steht Text


     hier steht noch ein Text
  </div>
</div>

Ich verstehe die Welt nicht mehr

Tags

Benutzer online in diesem Thema