Suche im Forum:
Suchen


Autor Nachricht
Beitrag14.03.2017 um 15:32 (UTC)    
Titel: Fehler im CSS Iceblue

Hallo zusammen,
ich habe per CSS mein Iceblue im Content verbreitert. Allerdings steckt irgendwo ein Fehler, der hin und wieder Störungen verursacht.
Aktuell habe ich gerade das Bild für td.edit_content_top geändert und es wiederholt sich.
Hier ein erklärender Screenshot
https://img.webme.com/pic/s/sifletest/td.edit_content_top%20FEHLER.JPG

Wo im CSS steckt der Fehler, damit der gesamte Content, wie auch die dazugehörigen Tabellen drumherum geich breit sind?

Code:
<style type="text/css">

<!--

/* Beginn DIV auf Startseite mit Eingangstext  */
.startseite{
width: 730px;
color: #2F4F4F;
font-size: 12px;
font-family: verdana
background-color: #b7b8c8;
box-shadow: 8px 8px 14px #2f4f4f;
margin-right: auto;
margin-left: auto;
margin-bottom: 40px;
margin-top: 5px;
border: 4px solid #2f4f4f;
}
/* Ende DIV auf Startseite mit Eingangstext  */

/* Beginn DIV zum Abschluss der Unterseite  */
.endeunterseite{
width: 730px;
color: #121f1f;
font-size: 25px;
font-family: verdana;
text-align: center;
   margin-right: auto;
   margin-left: auto;
margin-bottom: 20px;
margin-top: 40px;
border-top: 4px solid #2f4f4f;

}
/* Ende DIV zum Abschluss der Unterseite  */

/* Beginn DIV Nachruf  */
.nachruf{
width: 730px;
color: #000000;
font-size: 12px;
font-family: verdana
background-color: #cccccc;
box-shadow: 8px 8px 14px #2f4f4f;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
margin-top: 10px;
border: 7px double #000000;

}
/* Ende DIV Nachruf  */

/* Beginn DIV Kaufladenartikel  */
.kaufladen{
width: 700px;
color: #000000;
font-size: 14px;
font-family: verdana;
background-image: url(http://img.webme.com/pic/s/sifletest/leinentheke.png);
box-shadow: 8px 8px 14px #FA0300;
   margin-right: auto;
   margin-left: auto;
margin-bottom: 10px;
margin-top: 30px;
border: 10px solid #FA0300;
padding: 10px;
}
/* Ende DIV Kaufladenartikel  */



/* Beginn Alle p Absätze eingerückt  */
p { margin-left: 50px; margin-right: 50px; }
/* Ende Alle p Absätze eingerückt  */

/* Vermutlich damit der der Abstand im Content rechts und links geregelt wird */
td.edit_content_main div{overflow: hidden!important;}

/* Feld hinter Navi */
td.edit_navi_headbg{width: 5% !important;}
td.edit_navi_headbg{height: 0px !important;}
td.edit_navi_headbg{background-image:url(URL)}

/* Rechte Boxen Feld dahinter */
td.edit_rechts_bottom{width: 5% !important;}
td.edit_rechts_bottom{height: 0px !Important;}
td.edit_rechts_bottom{background-image:url();border: 0px solid #ffffff;}
 
/* Abschluss unter der Navigation */
td.edit_below_nav{background-image: url();
background-position: center top;}

/* Iceblue verbreitern, kann auf 100% statt px geändert werden */
table.edit_main_table{width: 1255px !important;}
td.edit_main_tr{width: 1255px!important;height: 0px !important;}
table.edit_second_table{width: 1255px !important;}
table.edit_third_table{width: 1255px !important;}

/* Homepage zentriert */
table.edit_main_table{margin: 0 auto;}

/* Iceblue verbreitern Feld hinter Textfeld */
table.edit_rechts_tabelle{width: 100% !important;}

/* Iceblue verbreitern dunkle Feld unter / hinter Textfeld */
td.edit_rechts_cbg{width:100%;}
td.edit_rechts_cbg{height: 0px !important;}
td.edit_rechts_cbg{background-image:url();border: 0px solid #ffffff;}

/* Streifen rechts neben der ganzen Seite */ 
td.edit_rechts_sbg{background-image:url();border: 0px solid #ffffff;}

/* Überschrift im Header ist unsichtbar */ 
td.headline{visibility: hidden;}

/* Titeltext über Seiteninhalt */
td.headline2 {
color: #ffffff;
font-size: 14px;
padding-left: 245px!important;
font-weight: bold;
font-family: verdana; }


/* Bild als Header */ 
td.edit_header_full{background-image:url(http://img.webme.com/pic/s/sifle/headeraug2010test3.jpg);background-color:#194D63;width:
2000px; height: 104px;background-position: center top;border: 5px solid #39849B;} 

/* Hintergrund für den Content */ 
td.edit_content{background-image:url(http://img.webme.com/pic/s/sifle/lavender.jpg);background-color:#c0c0c0;border: 5px solid #232B2B;}

/* Navigation Überschrift Hintergrund*/
td.nav_heading{background-image:url(http://img.webme.com/pic/s/sifle/edit_content_top.png);height: 30px;border: 0px solid #c0c0c0;}

/* Navigation Überschrift Schriftart*/
td.nav_heading{font-family: verdana;font-size: 12px;color: #ffffff;padding-left:26px;text-align: left;}

/* Navigation Hoover Effekt */ 
td.nav:hover{background-image: url(http://img.webme.com/pic/s/sifle/lavender.jpg);width:
200px;height: 30px;border: 0px solid #2D3738;}

/* Navigation Hintergrund */ 
td.nav{background-image: url(http://img.webme.com/pic/s/sifle/nav.jpg);width:
200px;height: 30px;border: 0px solid #2D3738;}

/* Navigation Linkschrift */
td.nav a{
font-family: verdana;
font-size: 12px;
color: #000000;
text-decoration: none}

/* Navigation aktuelle Seite wird markiert */
tr.checked_menu td a{
 font-size: 12px;
 font-family: verdana;
 font-weight: bold;
 color: #000000;
 text-decoration: underline; }

/* Navigation gilt der gesamte Block statt nur der Text als Link */
td.nav a {display:block; }

/* Navigation Bild darunter unsichtbar */ 
td.edit_below_nav img{visibility: hidden;}
 
/* Hintergrund der kompletten Seite */
body{background-color:#343434;
background-image:url(http://img.webme.com/pic/s/sifle/hintergrund.jpg); }
body {background-attachment:fixed;border: 0px solid #c0c0c0;}

/* Rechte Boxen Formatierung */ 
td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{
background-image:url(http://img.webme.com/pic/s/sifle/lavender.jpg);
background-repeat:repeat;
font-family: verdana;font-size: 12px;
color:#000000;border: 0px solid #2D3738;
}

/* Rechte Boxen Ueberschrift */
td.sidebar_heading {
color:#ffffff;
font-size:12px;
font-family:verdana;
font-weight: bold;
text-align:center;
}

/* Rechte Boxen Überschrift */
td.sidebar_heading{background-image:url(http://img.webme.com/pic/s/sifle/edit_content_top.png);height: 30px;}

/* Bild unter den rechten Boxen */
td.edit_rb_footer{background-image:url();height: 15px;border: 0px solid #c0c0c0;}

/* Verbreiterung rechte Box Facebook Like Button */
td.shouty_facebook_like_button iframe {width:190px!important;}

/* Hintergrundfarbe rechte Box Facebook Like Button */
td.shouty_facebook_like_button{
background-image:url(http://img.webme.com/pic/s/sifle/lavender.jpg);
background-repeat:repeat;
font-family: verdana;font-size: 12px;
color:#000000;border: 0px solid #2D3738;}

/* Überschrift über dem Content */
td.edit_content_top,td.edit_content_top:hover{background-image:url(http://img.webme.com/pic/s/sifle/edit_content_top.png);height: 25px;text-align:center;}

/* Unterschrift unter dem dem Content */
td.edit_content_bottom{background-image:url(http://img.webme.com/pic/s/sifle/edit_content_top.png);height: 0px; width: 0px;border: 0px
solid #c0c0c0;background-position: center top;}

/* Unterschrift unter dem dem Content wo der Zähler drinsteht */
td.edit_content_bottom2{background-image:url();height: 30px;border: 0px solid #2D3738;}

/* Verbreiterung der rechten Boxen */
#sidebar_heading_1, #sidebar_heading_2, #sidebar_heading_3, #sidebar_heading_4, #sidebar_heading_5 {
width: 200px;
}

/* Verbreiterung der Navigation */
td.edit_navi_headbg table {
width: 200px;
}

/* Lücke in der Navigation hinter einem Menüpunkt */
#nav_Startpunkt,
#nav_Saulecker,
#nav_SchweineTV,
#nav_Kontakt
{
  padding-bottom: 10px;
  position: relative;
}
#nav_Startpunkt:after,
#nav_Saulecker:after,
#nav_SchweineTV:after,
#nav_Kontakt:after
{
  position: absolute;
  bottom: 0;
  left: 0;
  height: 10px;
  width: 200px;
  content: ".";
  color: transparent;
  background-image: url(http://img.webme.com/pic/s/sifle/hintergrund.jpg);
}

/* iFrames STANDARD wie Youtube Filme oder Amazon Werbung */
iframe {
border-width: 5px;
border-style: solid;
border-color: #97a7a7;
margin: auto;
display: block;
}

/* iFrames RECHTS wie Youtube Filme oder Amazon Werbung */
iframe.rechts {
float:right;
border-width: 5px;
border-style: solid;
border-color: #97a7a7;
margin-right: 20px;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
}

/* DIV ueber allem - Textfarbe - Schriftart - Textgröße ALLGEMEIN im Content */
div {
color: #000000;
font-size: 13px;
font-family: verdana;
line-height:1.5em;
margin-left: 5px;
 }



/* H1 Textfarbe - Schriftart - Textgröße */
H1 {
color: #000000;
font-size: 26px;
font-family: verdana;
line-height:1.5em;
margin: 1em 0;
}

/* H2 Textfarbe - Schriftart - Textgröße */
H2 {
color: #000000;
font-size: 20px;
font-family: verdana;
line-height:1.5em;
}

/* H3 Textfarbe - Schriftart - Textgröße */
H3 {
color: #000000;
font-size: 14px;
font-family: verdana;
font-weight: bold;
line-height:1.5em;
}

/* S1 Textfarbe - Schriftart - Textgröße */
S1 {
color: #228b22;
font-size: 13px;
font-family: verdana;
font-weight: bold; }

/* S2 Textfarbe - Schriftart - Textgröße */
S2 {
color: #ffa500;
font-size: 13px;
font-family: verdana;
font-weight: bold; }

/* S3 Textfarbe - Schriftart - Textgröße */
S3 {
color: #dc143c;
font-size: 13px;
font-family: verdana;
font-weight: bold; }

/* Links Textfarbe - Schriftart - Textgröße */
a:link {
color: #0000FF;
font-size: 13px;
font-family: verdana;
line-height:1.5em;}

a:visited {
color: #4169E1;
font-size: 13px;
font-family: verdana;
line-height:1.5em;}

a:hover {
color: #4169E1;
font-size: 13px;
font-family: verdana;
line-height:1.5em; }



/* Standard Bilder mit Rahmen */
img.standard {
color: #2F4F4F;
border-width: 5px;
border-style: solid;
margin: auto;
display: block;
}

/* Mehrere Standard Bilder mit Rahmen */
img.mehrbilder{
float: left;
margin-left: 20px !important;
margin-right: 10px !important;
margin-bottom: 10px !important;
margin-top: 10px !important;
color: #2F4F4F;
border-width: 5px;
border-style: solid;
}

/* Knoepfe */
img.knopf {
color: #000000;
border-width: 1px;
border-style: solid;
width: 125px;
height: 125px;
}

/* Beginn Thementipp 25.02.2017 */
.img-slider {
   width: 680px;
   height: 80px;
   padding:10px;
   position: relative;
   border: 2px solid #16343e;
   overflow: hidden;
   box-shadow: 8px 8px 14px #2f4f4f;
   margin-right: auto;
   margin-left: auto;
   margin-top: 10px;
   background-color: #eaebfb;
   color: #11272e;
   }

/* Position Grafik sichtbar */
.img-top {
  position: absolute;
  top: 0px; left: 0px;
  transition: all 1s linear;
  z-index:1;
}

/* Position Grafik oben */
.img-slider:hover .img-top { margin-top: -100px; }

/* ENDE Thementipp 25.02.2017 */

/* Grundsteine */
.edit_content_main { position: relative; }
#grundstein { position:absolute;
right:-15px;
top:5px;
font-size:10px
;text-align:center;
 }

/* Standard Trennlinien margin ist der VAbstand und der HAbstand zum Rand*/
hr {
    width: 95%;
    height: 3px;
    margin: 20px;
    color: #2F4F4F;
    background: #2F4F4F;
}




/* Flummi-Bummi links Aussehen fuer Tooltip Fenster */
.flummibummi01 span {
   position: absolute;
   width: 700px;
   color: #000000;
   margin-top: -250px;
   margin-left: -00px;   
   color: #2F4F4F;
border-width: 5px;
border-style: solid;
   visibility: hidden;z-index:1900; }

/* Flummi-Bummi links bei Mauskontakt sichtbar */
.flummibummi01:hover span { visibility: visible; }

/* Flummmi-Bummis links*/
img.flummibummilinks{
float:left;
margin-right: 20px;
}

/* Flummi-Bummi rechts Aussehen fuer Tooltip Fenster */
.flummibummi02 span {
   position: absolute;
   width: 700px;
   color: #000000;
   margin-top: -250px;
   margin-left: -00px;   
color: #2F4F4F;
border-width: 5px;
border-style: solid;
   background-color: #E5E6FA;
   visibility: hidden;z-index:1900;float:left;
}

/* Flummi-Bummi rechts bei Mauskontakt sichtbar */
.flummibummi02:hover span { visibility: visible; }

/* Flummmi-Bummis rechts */
img.flummibummirechts{
float:right;
margin-left: 20px;
}

/* Bild links*/
img.links{
float:left;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 20px;
color: #2F4F4F;
border-width: 5px;
border-style: solid;
}

/* Bild rechts*/
img.rechts{
float:right;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 20px;
color: #2F4F4F;
border-width: 5px;
border-style: solid;
}

/* BEGINN TV  */
.schweinetv{
  width: 700px;
  height: 524px;
  margin: 15px 0px 15px 0px;
  background: url(https://img.webme.com/pic/s/sifle/TVfreigestellt3.png);
  overflow: hidden; }

/* Feld für Videos */
.sifleplaylist {
  width: 400px !important;
  height: 300px;
  margin: 75px 0px 0px -115px;
  background-color: #97a7a7;
  overflow: hidden; }

/* ENDE TV  */



-->
</style>


______________
Gruß von Sven von

Beitrag18.03.2017 um 20:39 (UTC)    
Titel:

Hallo,

die Tabellenspalte td.edit_content_top hat nach dem Verbreitern
die Breite 855 Pixel.

Deine Grafik war zu "kurz" (640 Pixel) - darum hat sie sich wiederholt.
Du müsstest, wenn Du ein Hintergrundbild mit "Muster" verwenden möchtest,
diese 855 Pixel breit erstellen Wink
Oder - wie jetzt - ein Muster verwenden, das sich endlos nach Rechts wiederholen kann, ohne das es auffällt

Gruß Wolle
Beitrag28.03.2018 um 10:00 (UTC)    
Titel: CSS

super, danke für die Antwort
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de