zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bild über Rand ragen lassen ohne Scrollbar

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 07.06.2011, 15:21
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 14.04.2007
Ort: Berlin
Beiträge: 159
netAction befindet sich auf einem aufstrebenden Ast
Standard Bild über Rand ragen lassen ohne Scrollbar

Hallo!

Ich sitze gerade an einer einfachen Webseite mit zentriertem main-DIV, das eine feste Breite hat.

Es soll so aussehen, als würden Gegenstände auf der Webseite liegen. Die befinden sich im Wesentlichen außerhalb des DIV, ragen aber auch hinein.

Zweck ist es, der Seite erstens eine gewisse Räumlichkeit zu geben und zweitens breite Bildschirme zu füllen. Bei schmalen Browerfenstern darf allerdings kein horizontaler Scrollbar entstehen.

Wie kann ich das umsetzen?
Angehängte Grafiken
Dateityp: png illustration.png (14,9 KB, 7x aufgerufen)
__________________
netAction
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.06.2011, 18:33
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von netAction Beitrag anzeigen
Hallo!

Ich sitze gerade an einer einfachen Webseite mit zentriertem main-DIV, das eine feste Breite hat.
Das div ist höchstwarscheinlich unnütz.
Zitat:
Zitat von netAction Beitrag anzeigen
Es soll so aussehen, als würden Gegenstände auf der Webseite liegen. Die befinden sich im Wesentlichen außerhalb des DIV, ragen aber auch hinein.

Zweck ist es, der Seite erstens eine gewisse Räumlichkeit zu geben und zweitens breite Bildschirme zu füllen. Bei schmalen Browerfenstern darf allerdings kein horizontaler Scrollbar entstehen.

Wie kann ich das umsetzen?
Hintergrundbild, absolut/fix positionierte Elemente?

gruß,
take
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 07.06.2011, 19:25
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 14.04.2007
Ort: Berlin
Beiträge: 159
netAction befindet sich auf einem aufstrebenden Ast
Standard

Es handelt sich um Wordpress mit dem üblichen Twentyten Theme. Darüber möchte ich an dieser Stelle nicht philisophieren.

Zitat:
Zitat von take_a_7 Beitrag anzeigen
Hintergrundbild, absolut/fix positionierte Elemente?
Bisher gibt es nichts davon.
__________________
netAction
Mit Zitat antworten
  #4 (permalink)  
Alt 07.06.2011, 21:17
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von netAction Beitrag anzeigen
Es handelt sich um Wordpress mit dem üblichen Twentyten Theme. Darüber möchte ich an dieser Stelle nicht philisophieren.
Ich finde Wordpress generiert generell ein grauenhaftes Markup... Na gut, bin schon ruhig, jedem das seine
Zitat:
Zitat von netAction Beitrag anzeigen
Bisher gibt es nichts davon.
Hm. Wie soll ich das jetzt interpretieren?
Macht mir mal bitte meine Designarbeit?

gruß,
take
Mit Zitat antworten
  #5 (permalink)  
Alt 07.06.2011, 21:42
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 14.04.2007
Ort: Berlin
Beiträge: 159
netAction befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von take_a_7 Beitrag anzeigen
Hm. Wie soll ich das jetzt interpretieren?
Macht mir mal bitte meine Designarbeit?
Nein, ich wüsste gerne, wie das technisch geht.

Wie bekomme ich die Bilder so in die Seite, dass kein Scrollbalken entsteht? Einfach ein DIV nehmen und mit position:absolute neben das main-DIV setzen geht ja nicht.

Und die zweite Frage ist, ob ich die Bilder zerschneiden muss und den Teil über dem main-DIV anders behandele als den überstehenden Rest.

Mein Gedanke war, die Gegenstände als Hintergrundbild vom BODY zu nehmen und irgendwie zu zentrieren (background: url('gegenstaende.jpg') no-repeat center top/bottom;), damit sie relativ zum main-DIV immer an der gleichen Stelle bleiben. Und dann kleine DIVs mit position:absolute für die überlappenden Bereiche. Siehe Anhang. Die Frage ist, ob das geht und ob das sinnvoll ist.
Angehängte Grafiken
Dateityp: png illustration2.png (79,3 KB, 6x aufgerufen)
__________________
netAction

Geändert von netAction (07.06.2011 um 21:58 Uhr)
Mit Zitat antworten
  #6 (permalink)  
Alt 07.06.2011, 21:50
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Fraglich ist, ob das überhaupt sinnvoll ist. Wenn in dem Main-div (grauenhafter Begriff, zudem die Dinger IMHO unnütz sind, anderes Thema...) Text drin ist, ist es bestimmt nicht sinnvoll, diesen von den Bildern überdecken zu lassen. Wenn die Bilder umflossen werden sollen, wirds haarig...
Zitat:
Einfach ein DIV nehmen und mit position:absolute neben das main-DIV setzen geht ja nicht.
Und wieso nicht?

gruß,
take
Mit Zitat antworten
  #7 (permalink)  
Alt 07.06.2011, 21:57
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 14.04.2007
Ort: Berlin
Beiträge: 159
netAction befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von take_a_7 Beitrag anzeigen
Wenn in dem Main-div ... Text drin ist, ist es bestimmt nicht sinnvoll, diesen von den Bildern überdecken zu lassen.
Das wird haarig, ist mir schon klar. Vielleicht baue ich die Gegenstände nur im Kopfbereich ein.


Zitat:
Zitat von take_a_7 Beitrag anzeigen
Und wieso nicht?
Weil dann der Scrollbalken kommt.
__________________
netAction
Mit Zitat antworten
  #8 (permalink)  
Alt 07.06.2011, 22:00
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 14.04.2007
Ort: Berlin
Beiträge: 159
netAction befindet sich auf einem aufstrebenden Ast
Standard

Ja OK, ich habe mir meine Antwort fast schon selbst gegeben, ich muss die Gegenstände an der Grenze des main-DIV (wie auch immer du das nennen willst) zerschneiden. Hatte gehofft, dass es auch irgendwie anders geht.
__________________
netAction
Mit Zitat antworten
  #9 (permalink)  
Alt 07.06.2011, 22:02
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von netAction Beitrag anzeigen
main-DIV (wie auch immer du das nennen willst)
Ich wills nicht anders nennen, ich wills weghaben...

gruß,
take
Mit Zitat antworten
Sponsored Links
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
Bild durch Bild ersetzten! (a:hover) Prof. Awesome CSS 11 16.03.2011 14:33
Bild über Bild rafa CSS 2 24.01.2010 18:46
Bild über Bild legen mit position: relative (IE6 Problem) naitsab CSS 3 09.06.2009 13:20
IE 6 - Werbung bleibt im Bild stehen - doppelte Scrollbar gachet CSS 1 23.03.2009 23:53
Verflixter Rahmen um ein Bild Webelix CSS 6 22.07.2007 12:32


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:06 Uhr.