• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Rahmen erscheint auf jeder Seite

S

Steinvirus

Neues Mitglied
Guten morgen liebe gemiende,

ich habe einn problem mit meinem CSS, sonst wäre ich ja nicht hier. xD
Also es geht um folgendes ich habe ein Div mit einer Id ausgestattet hier der teil:

Code: 
<td style="background-image:url(http://localhost/typo3wamp/fileadmin/Layout/images/mitte_mitte.png); width: 502px; height: 382px;alt=mitte_mitte.png; background-repeat: no-repeat; ">
<div id="inhalt_rechts"><!-- ###INHALTRECHTS### start-->text<!-- ###INHALTRECHTS### stop--></div>
<div id="inhalt_mitte"><!-- ###INHALTMITTE### start-->text<!-- ###INHALTMITTE### stop--></div>
<div id="inhalt_links"><!-- ###INHALTLINKS### start-->text<!-- ###INHALTLINKS### stop--></div>
</td>

nun habe ich natürlich dazu ein css geschieben hier der css teil:
Code: 
/**
    Allgemeines
            */

* {
        margin:0;
        padding:0;
        border:0;
}


#inhalt_links {
        padding-top: 0px;
        margin-left: 38px;
        font-family: Arial, Helvetica, sans-serif, Verdana;
        font-size: 13px;
}

#inhalt_rechts {
        position:absolute; 
        padding-bottom: 200px;
        margin-left: 200px;
        font-family: Arial, Helvetica, sans-serif, Verdana;
        font-size: 13px;
}


#inhalt_mitte{
        position:absolute; 
        padding-bottom: 1px;
        margin-left: 2px;
        font-family: Arial, Helvetica, sans-serif, Verdana;
        font-size: 13px;
        text-align:right;
        border-right-width: medium;  
        border-color:#4d5B30; 
        border-style:dotted; 
        padding-right: 15px;
        padding: 10px;
}

das problem was ich jetzt habe ist, das der ramen den ich als trennlinie nutze auf jeder seite ist nicht nur auf der , in der er notwenidig ist.

steini
 
SO ich habe hier nochmal ein paar bilder drangehängt um das problem besser darzustellen ^^

im übrigen ist die seite lokal und noch nicht ubload fähig o.O deswegen kein link hier
 

Anhänge

  • Problem_rahmen_2.jpg
    Problem_rahmen_2.jpg
    16,1 KB · Aufrufe: 19
  • Problem_rahmen.jpg
    Problem_rahmen.jpg
    14,4 KB · Aufrufe: 19
Wirst halt noch irgendwo nen Tippfehler drin haben :-)

Was soll man auch mehr sagen ohne Link. "Uploadfähig" ist jede Seite, wenn man nur will. Wenn man nicht will, ists meist auch nicht so wichtig :-)

Grüße,
-Efchen
 
hi,

ist sie eben nicht :razz: weil sie in ein CMS Sytem eingebunden wird und das noch nicht auf dem server läuft.. denn das CMS hat eine eigende sprache die mit dem Template kombinirt wird. Die rede ist natürlich von Typo3 ^^. doch der fehler muss im css liegen nur ich finde ihn nicht. ich kann ja mal das ganze css posten :

Code: 
/**
    Allgemeines
            */

* {
        margin:0;
        padding:0;
        border:0;
}


#inhalt_links {
        padding-top: 0px;
        margin-left: 38px;
        font-family: Arial, Helvetica, sans-serif, Verdana;
        font-size: 13px;
}

#inhalt_rechts {
        position:absolute; 
        padding-bottom: 200px;
        margin-left: 200px;
        font-family: Arial, Helvetica, sans-serif, Verdana;
        font-size: 13px;
}


#inhalt_mitte{
        position:absolute; 
        padding-bottom: 1px;
        margin-left: 2px;
        font-family: Arial, Helvetica, sans-serif, Verdana;
        font-size: 13px;
        text-align:right;
        border-right-width: medium;  
        border-color:#4d5B30; 
        border-style:dotted; 
        padding-right: 15px;
        padding: 10px;
}

#inhalt_border {
        padding-bottom: 0px;
}

#aknds {    
        background-image: url(http://localhost/typo3wamp/fileadmin/Layout/images/hik_logo.PNG);
        background-repeat: no-repeat;

        padding-bottom: 49px;
        margin-left: 18px;
}

#aknds:hover {
        background-image: url(http://localhost/typo3wamp/fileadmin/Layout/images/hik_logo_rot.PNG);
        background-repeat: no-repeat;
}

/**
    HAUPTMENU
            */




#mainnavcontainer {
        padding-top: 245px;

}

#mainnavcontainer ul {
        list-style-type: none;
        font-family: Arial, Helvetica, sans-serif, Verdana;
        font-size: 13px;
        font-weight:bold;
        text-align:right;
}

#mainnavcontainer ul li {
}

#mainnavcontainer a  {
        display: block;
        width: 124px;
        background-repeat: no-repeat;
        padding-Bottom: 1.5px;
        padding-top: 1.5px;
}

html>body #mainnavcontainer a {
        padding-right: 18px;

}


#mainnavcontainer a:link, #mainnavcontainer a:visited {
        color: #527232;
        text-decoration: none;
        background-position: right;
        background-image: url(http://localhost/typo3wamp/fileadmin/Layout/images/navigation_nicht_aktiv.PNG);
}

#mainnavcontainer a:hover {
        color: #527232;
        background-image: url(http://localhost/typo3wamp/fileadmin/Layout/images/navigation_hover.PNG);
}

#mainnavcontainer a#current {
        color: #527232;
        text-decoration:none;
        background-image: url(http://localhost/typo3wamp/fileadmin/Layout/images/navigation_aktiv.PNG);
}



/**
    BILD
            */




#img {
    padding-left: 0px;
}



/**
    KONAKT
            */



.tx-akeasymailer-pi1 {
        margin-top: 0px;
        margin-left: 0px;
}

.tx-akeasymailer-pi1 label {
        display:block;
        float:left;
        width:112px;
        text-align:left;
        font-family: Arial, Helvetica, sans-serif, Verdana;
        padding:3px 10px 3px 0;
}

.tx-akeasymailer-pi1 input {
        margin-bottom:4px;
        font-family: Arial, Helvetica, sans-serif, Verdana;
}

.tx-akeasymailer-pi1 textarea {
        width:320px;
        margin-right:8px;
}

.tx-akeasymailer-pi1 .mandatory {
        color:#66724D;
        font-size: 13px;
        font-weight:bold;
}

.tx-akeasymailer-pi1 .errorText {
        margin-left:8px;
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif, Verdana;
}

.tx-akeasymailer-pi1 .controls {
        margin-top:16px;
        padding-left:70px;
}

input, textarea {
        border:1px solid #CCC;
        padding:2px;
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif, Verdana;
}

button {
        border:2px outset #000017;
        background:#000017;
        color:#FFF;
        padding:4px 8px;
        font-weight:bold;
        font-family: Arial, Helvetica, sans-serif, Verdana;
        cursor:pointer;
        font-size: 12px;
}


/***************************
*  Default styles for the
*     EXT rgslideshow
* by Ringer Georg (just2b)
***************************/  

/* general div */
.rgslideshow {
          position:absolute;
          border:1px solid #ccc;
          border-bottom:0px;
          overflow:hidden;
          background:#fff;
}

/* container divs */
.rgslideshowce, .tx-rgslideshow-pi1 {
          overflow:hidden;
        padding-bottom: 346px;
        padding-left: 160px;
}

/* big navigation at left/right side of img */
.rgslideshow .rgsbigprev, .rgslideshow .rgsbignext {
          position:absolute;
          width:63px;
          cursor:pointer;
          outline:0px;
          z-index:2;
        filter:alpha(opacity=60);
        -moz-opacity:0.6;
        -khtml-opacity: 0.6;
        opacity: 0.6;  
}

.rgslideshow .rgsbigprev  {
          left:0;
          background: url(http://localhost/typo3wamp/fileadmin/Layout/galerie_layout/prevlabel2.gif) left center no-repeat;
}

.rgslideshow .rgsbignext {
          right:0;
          background: url(http://localhost/typo3wamp/fileadmin/Layout/galerie_layout/nextlabel2.gif) right center no-repeat;
}

/* hover on the big navigation: show the imgs */
.rgslideshow a.rgsbigprev:hover {
          opacity:0.8;
        filter:alpha(opacity=80);
        -moz-opacity:0.8;
        -khtml-opacity: 0.8;  
          background: url(http://localhost/typo3wamp/fileadmin/Layout/galerie_layout/prevlabel.gif) left center no-repeat;
}
.rgslideshow a.rgsbignext:hover {
          opacity:0.8;
        filter:alpha(opacity=80);
        -moz-opacity:0.8;
        -khtml-opacity: 0.8;  
          background: url(http://localhost/typo3wamp/fileadmin/Layout/galerie_layout/nextlabel.gif) right center no-repeat;
}

/* center the imgs */
.rgslideshow .rgssimg {
          z-index: 1; /* for safari */
          position:absolute;
        left:0;
        right:0;
        margin:0px;
        padding:0;
        opacity:0;
          margin:0 auto;    
}

/* no border for imgs */
.rgslideshow img, .rgslideshow a, DIV.csc-textpic .rgslideshow img {
          border:0px;
}

/* nested information */
.rgslideshow .rgsnest {
          position:absolute;
          width:100%;
          bottom:0;
          left:0;
          border-top:1px solid #333;
          background: url(http://localhost/typo3wamp/fileadmin/Layout/galerie_layout/transparent_bg.png);
          z-index: 5; /* for safari */
}

/* damn IE 6 png hack */
* html .rgslideshow .rgsnest {
          background-image:none;
          filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
        (src='http://localhost/typo3wamp/fileadmin/Layout/galerie_layout/transparent_bg.png',         sizingMethod="scale");
}

/* title */
.rgslideshow .rgstitle {
  /* color:#C64934; old orange */
          color:#fff;
          font: bold 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif, Verdana;
          letter-spacing:2px;
          text-transform: uppercase;
          padding:2px 10px 0 10px;
          z-index: 9; /* for safari */
}  

/* description */
.rgslideshow .rgsdescription {
          color:#fff;
          font-size:11px;
          line-height:15px; /* this results in exact 2 lines */
          padding:3px 10px 5px 10px;
          height:28px;  
          overflow:hidden;
}

/* img browser nest */
.rgslideshownav {
          text-align:right;
          border-right:1px solid #ccc;
}

/* necessary to position browser to the right */
.rgslideshownav .rgsnav2 {
          display:inline;
          background: #404040 url(http://localhost/typo3wamp/fileadmin/Layout/galerie_layout/navleft.gif) left no-repeat;
          margin:0;
          padding:3px 10px 1px 20px;
          height:20px;
}

/* holds the browser items */
.rgslideshownav .rgsbrowser {
          display:inline;
}

/* single browser element */
.rgslideshownav .rgsbrowserEl {
          padding:0 4px;
          font-weight:bold;
          font-size:10px;
          cursor:pointer; 
          color:#d8d6d6;  
}

.rgslideshownav .rgsbrowserEl:hover {
          color:#ff9933;
}

/* splitter element between the browser elements */
.rgslideshownav .splitEl {
          color:#fff;
          font-size:7px;
}

/* active element item */
.rgslideshownav .rgsbrowser .rgsact {
          font-weight:bold;
          color:#ff9933;
}

/* small prev/next navigation */
.rgslideshownav .rgsnext, .rgslideshownav .rgsprev {
          font-size:9px;
          color:#fff;
          cursor:pointer;
          font-weight:bold;  
}

/* play/pause icon */
.rgslideshownav .rgsplay {
          font-size:9px;
         font-weight:bold;  
          color:#d8d6d6;
          cursor:pointer;
          padding-left:5px;
}

/* hover on prev/next/play */
.rgslideshownav .rgsnext:hover, .rgslideshownav .rgsprev:hover, .rgslideshownav .rgsplay:hover {
          color:#ff9933;
}
 
Was die komplette CSS bringen soll ist mir schleierhaft, aber na gut, egal.

Ich war mir erst nicht sicher, was du meinst, aber wenn ich dich richtig verstehe, trennst du die divs indem du den rand von dem einen als Trennlinie nimmst?

Probier mal folgendes:
Code: 
border-right-width: medium;
border-right-color: #4D5B30;
border-right-style: dotted;

Wenn das allein nicht funktioniert, probier:
Code: 
border-right-width: medium;
border-right-color: #4D5B30;
border-right-style: dotted;
border-left-style: none;
border-top-style: none;
border-bottom-style: none;

Normalerweise funktioniert es (zumindest bei mir) mit dem ersten auch, aber das zweite muss auf jeden Fall funktionieren.

Greetz
Toast
 
sry nein es geht nicht. das problem muss wo anders liegen. es ist halt so das diese, wie du schn richtig erkannt hast, trennlinie auf allen seiten erscheint. aber nicht die ganze linie sondern nur ein kleiner Fitzel. wenn man sich die bilder ansieht dann sieht man was ich meine. und dieses Kleine stück möchte ich nicht haben.
 
Der Fehler könnte genausogut im HTML-Code liegen. Falsch benamste Klasse oder ID. Keine Ahnung.

Und die Seite ist doch uploadfähig. Einfach "Speichern unter" im Browser machen, uploaden (inkl. Bilder etc.), fertig. Bei Darsellungsproblemen zählt schließlich nicht, ob die Seiten per PHP, ASP oder Perl erzeugt wurden, oder ob die aus nem Blog kommen oder einem CMS. Der Browser bekommt eine HTML-Datei mit allen dazugehörigen Ressourcen und die versucht er darzustellen. Von dem ganzen anderen Kram weiß Dein Browser rein gar nichts. Warum soll ich mich also damit rumschlagen?
 
Naja braust dich nicht mit rumschlagen ^^

ich habe es lösen können :-)

danke für eure mühen.

es war der befehl padding doppelt und er hat es an 2 verschiedene stellen gesetzt

steini
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben