zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Element ohne horizontale Scrollbar

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.03.2013, 12:12
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.03.2005
Ort: Nürnberg
Beiträge: 94
letslounge befindet sich auf einem aufstrebenden Ast
Standard Element ohne horizontale Scrollbar

Hallo zusammen,

habe das Problem, dass ich gerne ein Bildelement so einbinden möchte ohne dass ein horizontaler Scrollbalken erscheint bis die Breite des CONTAINERS bei 980px erreicht ist.

Aufbau:
Code:
<div id="CONTAINER">
  <div id="NAVI">navi</div>
  <div id="BILDELEMENT">navi</div>
  <div id="INHALT">navi</div>
</div>
CSS:
Code:
#CONTAINER {width: 980px; margin: 0 auto;}
#BILDELEMENT {width: 1200px;}
Screenshot mit Schema anbei.

Dankbar wäre auch eine absolute Positionierung da die Höhe des Seitenkopfes bekannt ist.

(Das BILDELEMENT beinhaltet Bild und Text - deshalb ist kein Hintergrundbild möglich)
Wenn ich dem BILDELEMENT einen negativen margin mitgebe kommt dennoch der horizontale Scrollbalken. Den hätte ich aber gerne erst bei 980Pixel.

Denkbar dankbar über Tipps und Hinweise und Grüße

Michael
Angehängte Grafiken
Dateityp: jpg scrollprob.jpg (22,5 KB, 6x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.03.2013, 12:36
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Wende overflow: hidden auf das Bild an. Und auf die Gesamtbreite dann wieder overflow:scroll.

Bitte lesen -> SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 28.03.2013, 12:44
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.03.2005
Ort: Nürnberg
Beiträge: 94
letslounge befindet sich auf einem aufstrebenden Ast
Standard

...wie geschrieben: es ist nicht nur ein Bild in dem div sondern auch Text...
Dennoch danke für die Antwort!
Mit Zitat antworten
  #4 (permalink)  
Alt 28.03.2013, 14:58
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Dann nimm doch ein Div worin du das Bild und Text reinpackst und wendest overflow:hidden eben auf das Div an. Dem Div gibst du dann die Breite des Bildes.
Mit Zitat antworten
  #5 (permalink)  
Alt 10.04.2013, 11:46
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.03.2005
Ort: Nürnberg
Beiträge: 94
letslounge befindet sich auf einem aufstrebenden Ast
Standard

Hallo und danke.
Verstehe nciht ganz wie Du das meinst.

Wenn ich dem div BILDELEMENT eine Breite von 1200 gebe erscheint ein horizontaler Scrollbalken ab einem Browserfenster kleiner 1200. Der Scollbalken soll aber erst bei 980 erscheinen.
Das hat doch erstmal nichts mit dem overflow:hidden zu tun... oder wo habe ich hier den Denkfehler?
Mit Zitat antworten
  #6 (permalink)  
Alt 10.04.2013, 12:05
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Schau dir mal das folgende Beispiel an:
overflow: Übergroßer Inhalt: Beispiel zur CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
Die Erklärung findest du hier.

Also horiz. Scrollbalken erst mal ausblenden für den übergrossen Bereich.
Aber horiz. Scrollbalken einblenden für das Element welche die Breite von 980 Pixel hat.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
  #7 (permalink)  
Alt 10.04.2013, 22:50
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.03.2005
Ort: Nürnberg
Beiträge: 94
letslounge befindet sich auf einem aufstrebenden Ast
Standard

...trifft es leider nicht.
Werde eine Lösung mit Hintegrundgrafik einsetzen.

Viele Grüße und danke!
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Festanstellung bei der Xing AG als Web Developer (HTML/CSS) NEOX Offtopic 10 17.07.2008 18:11
Element vertilkal fixed horizontal scrollbar Georgi CSS 0 31.12.2007 16:35
Liste im IE StarSt0rm CSS 3 22.08.2007 21:04
IE macht einfach horizontale Scrollbar!? ThorstenSt CSS 2 23.08.2006 01:43
Horizontale Liste ohne clearendes Element Geronimo CSS 8 01.06.2005 11:55


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:32 Uhr.