overflow nach links

[Blackout289]

Hallo Leute,
irgendwie komm ich ned weiter.
Also sachlage:
Ich hab ned Webseite da is rechts son streifen. Links is der inhalt menü etc. Nun möcht ich aber einn Logo, dass nur zu hälfte auf dem Streifen is.
Mit position:absolute will ich das nicht machen, da das probleme gibt bei versch. Auflösungen (bei mir zumindest ).
Nun hab ich mir gedacht ich machs mit overflow:visible. Funktioniert auch, aber das Logo is nur bissle rechts übern Rand hinaus, es soll aber links übern Rand.
Bin noch ned so der Profi in CSS und habs mit padding right versucht. geht aber iwie ned -.-
Kann mir bidde jmd helfen?

Dankeschön
und mfg black
(edit: sorry hab zu schnell geschrieben.. )

 

[Designerist]

AW: overflow nach links

Poste bitte den Link, dann kann man dir besser helfen.
Grüsse, Designerist

 

[sokie]

AW: overflow nach links

overflow nach links gibt es nicht.
negatives margin wäre eine Möglichkeit (zB margin-left: -50px; ) würde aber dazu führen, dass das Element nicht über die Begrenzung zu sehen ist, sondern dort abgeschnitten wird.

<div style="position:relative">
  <img id="logo" style="position:absolute; left: -50px; top: 0;" src="logo.png" />
  <ul id="navigation">
    <li><a href="">link</a></li>
    <li><a href="">link</a></li>
    <li><a href="">link</a></li>
  </ul>
</div>

würde es zulassen das Logo exakt zu dem umgebenden relativ positionierten Element anzuordnen, und das unabhängig zur Auflösung.

 

[Blackout289]

is lokal mom ich machn screenshot^^
Also das ist jetzt nur der entsprechende Ausschnitt hoffe das reicht.

wow genial danke sokie =)

 

[Blackout289]

AW: overflow nach links

Hallo, ich bins mal wieder
Ja immernoch der gleiche sachverhalt wie oben... rechtsn Streifen un n Logo des so halt drüber liegt Funktioniert auch alles wunderbar. Aber der Streifen muss ja mit position:relative; bezeichnet sein Nun möchte ich aber, dass der Streifen eine Höhe von 100% hat, wenn ich aber height oder mit min-height: 100% oder 95% is egal eingebe, wird der balken richtig klein...Hoffe jmd versteht was ich meine

MFG Black

 

[sokie]

AW: overflow nach links

100%,95%---von Was?
der irritierte leserkann sich ohne code hier gar nichts vorstellen.
Da das ja wahrscheinlich um eine Webseite gehen soll, wie wär's denn, das mal hochzuladen und uns einen link zu posten?

 

[Blackout289]

AW: overflow nach links

//edit Link ungültig

 

[sokie]

AW: overflow nach links

Hallo, ich bins mal wieder
Ja immernoch der gleiche sachverhalt wie oben... rechtsn Streifen un n Logo des so halt drüber liegt Funktioniert auch alles wunderbar. Aber der Streifen muss ja mit position:relative; bezeichnet sein Nun möchte ich aber, dass der Streifen eine Höhe von 100% hat, wenn ich aber height oder mit min-height: 100% oder 95% is egal eingebe, wird der balken richtig klein...Hoffe jmd versteht was ich meine

MFG Black

sorry, aber ich verstehe es nicht (ich sehe auch keinen Balken).Vielleicht versteht es ja jemand anderes.

 

[Blackout289]

AW: overflow nach links

okay hab vlt ein bisschen zu schnell geschrieben. Ich meine den Grauen Streifen rechts. Dieser soll 99% hoch (oder 100 ma sehn^^) sein.
Also der gaaaaanz rechts. Besser? =)

 

[Samuelll]

AW: overflow nach links

Also wenn du die Navigationsleiste "optisch" auf die volle Fensterhöhe ausdehnen willst, wirst du nicht um die sog. "faux columns" herumkommen.

Mit dieser Technik gibst du dem Body eine grafik mit, die sich endlos in Y-Richtung wiederholt und so den Eindruck eines langen Containers erweckt.

diese Grafik wäre in Deinem Falle so breit wie Deine Navi und grau.

Weiterhin würde ich dir raten Deine Seite in der Breite zu begrenzen. Monitore mit großen Formaten werden immer beliebter. Spätestens auf einem 22" Monitor ist eine so breite Seite nichtm ehr gut zu lesen und somit für mich persönlich ein KO-Kriterium für den Anbieter.

 

[Blackout289]

AW: overflow nach links

Also ich hab nen 23" un eine Auflösung von 1920*1200px eingestellt. Bei mit passt die Seite eigentlich oO
Naja hab die Breite jetzt mal begrenzt
DANKEschön für die Tips (pp oder ein p?!) etc.

MFG Black