Breite vom Header verändern

indem du dem div "art-sheet" die weite 100% gibst, dem div "art-nav" die weite 1000px, dem div "art-content-layout" die weite 1000px. zusätzlich musst du dann noch das background-image ind das div "art-sheet-body" integrieren. et viola - fertig!

wenn dir das nicht hilft, so wende dich doch ans Artisteer-Forum --> die können dir sicher kongret helfen. bzw. wende dich an deren support -> immerhin hast du ja für Artisteer bezahlt.

lg, pixselig

also wenn du das theme als ganzes so aus dem inet hast, dann musst du wahrscheinlich nichts bezahlen. es ist nur so dass das theme mit dem programm "artisteer" zusammengebastelt wurde und artisteer normalerweise kostenpflichtig ist. inwieweit es möglich (legal) ist themes welche mit artisteer erstellt worden sind kostenlos zu verteilen weiss ich nicht - mag auch mit der jeweilig verwendeten lizenz zu tun haben. wo hast du denn das theme her?

generell kann ich aber nur von artisteer-themes abraten da artisteer (wie alle code-generatoren) aus coder sicht einen äusserst unschönen programmcode erzeugt. dies führt dann später dazu, dass selbst einfache änderungen auf der website äusserst kompliziert werden - sich schnell fehler einschleichen usw.

lg, pixselig

Also die Themes stehen unter der Creative Common Lizenz - zumindest laut hp.

ein erstaztheme? schwer, liegt an dir, deinen bedürfnissen und deinem geschmack.

lg, pixselig

da du scheinbar gerade das theme gewechselt hast kann ich dir leider nichtmehr den genauen link zur css-datei posten...

sollte alles in dieser datei stehen:
http://test.versicherung-kuehn.de/wp-content/the…Green/style.css

sorry, mehr zeit habe ich nichtmehr muss ins kino ;)

zeile 272:

.art-sheet
{
  position: relative;
  margin: 0 auto;
  min-width: 31px;
  min-height: 31px;
  margin-top: 0;
  margin-bottom: 0;
  cursor:auto;
[COLOR="#FF0000"]  width: 1000px;[/COLOR]
}

rotes in "width: 100%;" ändern.

zeile 586

.art-nav
{
   position: relative;
  margin:0 auto;
  min-height: 37px;
  z-index: 100;
    margin-top: 0;
    margin-bottom: 0;
  [COLOR="#FF0000"]width: 1000px;[/COLOR]
}

rote zeiel ergänzen

zeile 805

.art-content-layout
{
  display: table;
  position:relative;
  margin: 0 auto;
  table-layout: fixed;
  border-collapse: collapse;
  background-color: Transparent;
  border: none !important;
  padding:0 !important;
[COLOR="#FF0000"]  width:100%;[/COLOR]
  margin-top:0;
  margin-bottom:0;
}

die rote zeile ändern in "width: 1000px;" (ohne "")

lg, pixselig

sitze gerade am unirechner welcher nur den ie und eine sehr geringe auflösung hat.

ich kann mir das daher nicht genau ansehen - muss ich zuhause machen.

inzischen leere mal deine browsercache (bzw. drücke strg + f5) um diese fehlerquelle auszuschliessen.

die änderungen die ich dir oben geschrieben haben haben bei mir "on the fly" tatellos funktioniert. da aber artisteer-themes sehr umständlich generiert sind könnte es helfen, wenn du hinter die (roten) änderungen, noch VOR den strichpunkt aber mit leerzeichen nach dem wert ein "!important" (ohne "") schreibst. zBsp "width: 1000px !important;" (wieder ohne "").

wenn das nicht hilft schaue ich daheim nochmal drüber.

lg, pixselig

so sehen die styles jetzt bei dir aus:

.art-sheet
{
  position: relative;
  margin: 0 auto;
  min-width: 31px;
  min-height: 31px;
  margin-top: 0;
  margin-bottom: 0;
  cursor:auto;
  width: 1000px important;
}

.art-nav
{
   position: relative;
  margin:0 auto;
  min-height: 37px;
  z-index: 100;
    margin-top: 0;
    margin-bottom: 0;
    width: 1000px important;
}

.art-content-layout
{
  display: table;
  position:relative;
  margin: 0 auto;
  table-layout: fixed;
  border-collapse: collapse;
  background-color: Transparent;
  border: none !important;
  padding:0 !important;
  width:100% important;
  margin-top:0;
  margin-bottom:0;
}

und so sollten sie aussehen (habe ich doch schön erklärt, oder?):

.art-sheet
{
  position: relative;
  margin: 0 auto;
  min-width: 31px;
  min-height: 31px;
  margin-top: 0;
  margin-bottom: 0;
  cursor:auto;
  width: 100% !important;
}

.art-nav
{
   position: relative;
  margin:0 auto;
  min-height: 37px;
  z-index: 100;
    margin-top: 0;
    margin-bottom: 0;
    width: 1000px !important;
}

.art-content-layout
{
  display: table;
  position:relative;
  margin: 0 auto;
  table-layout: fixed;
  border-collapse: collapse;
  background-color: Transparent;
  border: none !important;
  padding:0 !important;
  width: 1000px !important;
  margin-top:0;
  margin-bottom:0;
}

Finde die Unterschiede ;)

lg, pixselig

ps: es unterscheiden sich nur die width-angaben.

natürlich gabs änderungen am design! die seite ging ja vorhin über den gesamten screen.

das textwidget ist ein problem, ja. das liegt aber daran, dass in diesem mit artisteer erstellten theme das textwidget die selbe klasse (.art-content-layout) verwendet wie das gesamte layout. und dieser klasse haben wir ja nunmal die breite von 1000px zugeschrieben, so kommt es, dass zusammen mit der "position:relative" das textwidget nach rechts aus dem layout wandert.

da du gestern, so glaube ich, noch kein textwidget installiert hattest nahm ich selbiges problem auch nicht wahr.

lösung: statt einer width angabe eine max-width angabe verwenden -->

.art-content-layout
{
  display: table;
  position:relative;
  margin: 0 auto;
  table-layout: fixed;
  border-collapse: collapse;
  background-color: Transparent;
  border: none !important;
  padding:0 !important;
  [COLOR="#FF0000"]max-width: 1000px !important;[/COLOR]
  margin-top:0;
  margin-bottom:0;
}

die rote zeile wie oben ändern.

resultat: das (normale) layout bleibt bei einer breite von 1000px wärend das textwidget sich auf die breite seines inhaltes verkürzt. im moment ist es schmäler als der darüber befindliche block. ändern kannst du das, indem du entweder die breite des inhaltes erweiterst oder aber zu obigem code noch "min-width: XXXpx !important;" hinzufügst. wobei XXX für die anzahl an notwendigen pixeln steht welche das textwidget gleich breit machen wie der oberere block -> den wert musst du einfach ausprobieren.

und immer strg+f5 drücken nach einer änderung ;)

OT: skyfall

lg, pixselig