zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Balken oben und unten.

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.07.2014, 19:07
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.07.2014
Beiträge: 3
spellonca befindet sich auf einem aufstrebenden Ast
Standard Balken oben und unten.

Hallo, habe folgendes Problem und irgendwie im ganzen www nichts gefunden.

Möchte eine einfache Webseite erstellen mit einem grauen Balken oben und einen weiteren schwarzen Balken unten der jeweils zirka 50px hoch und 100% breit ist, sich also komplett horizontal über die ganze Seite ausdehnt.

Den oberen Balken lege ich einfach als Hintergrundbild an (x-repeat usw.) und den unteren Balken wollte ich mithilfe eine Divs erzeugen:

position:absolute;
width:100%;
height:50px;
background-color: #000;
bottom: 0px;

Klappt ja eigentlich alles wie gewollt nur wenn ich die Webseite jetzt im Firefox öffne (Fullscreen) und sie dann kleiner ziehe (sodass Scrollbalken erscheinen) und dann nach rechts scrolle, wird mein unterer schwarzer Balken abgehackt, d.h. er wiederholt sich nicht weiter und der Hintergrund (weiße Fläche) erscheint!

Wie kann ich das verhindert?

Habe auch ein paar Bilder hochgeladen damit man besser versteht was ich meine. (Reihenfolge beachten 1,2,3)

http://img4web.com/g/RTS5R
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.07.2014, 21:15
Benutzerbild von etux
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 17.09.2007
Ort: Berlin
Beiträge: 643
etux wird schon bald berühmt werden
Standard

Daran könnten feste Breiten schuld sein. Beim div selbst oder / und body, html, etc.
Du könntest, wo Breitenangaben notwendig sind, mit min-width versuchen, das Abschneiden zu vermeiden.

Sollten die Balken nur zur Dekoration da sein, solltest Du auf leere Elementen verzichten. Versuch lieber so was in der Richtung:
HTML-Code:
<!doctype html>
<meta charset="UTF-8">
<title>spellonca :: xhtmlforum.de</title>
<style>
html { position: absolute; top: 0; bottom: 0; min-width: 100%; padding: 50px 0; }
body { min-height: 100%; margin: -50px 0; border-top: 50px solid #555; border-bottom: 50px solid #000; }
</style>
<p style="width: 48em; margin: 1em auto; padding: 8em 1em; text-align: center; background-color: #ddd;">Lorem Ipsum ...</p>
__________________
Grüße: Emil
--------------------------------------
https://emil-webdesign.net/
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 29.07.2014, 09:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.07.2014
Beiträge: 3
spellonca befindet sich auf einem aufstrebenden Ast
Standard

super Danke, deine Version hat mir sehr geholfen
Aber was ist wenn die Balken nicht nur zur Deko da sind?

Wie auf folgender Seite: Gästehaus Sonngruber in Spiluck / Vahrn / Südtirol

wenn man hier alles kleiner zieht und dann scrollt verschwindet das Bild...
Mit Zitat antworten
  #4 (permalink)  
Alt 29.07.2014, 13:24
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 24.06.2010
Beiträge: 528
K.Roland wird schon bald berühmt werden
Standard

Zitat:
Zitat von spellonca Beitrag anzeigen

wenn man hier alles kleiner zieht und dann scrollt verschwindet das Bild...
relativ einfach

Code:
body {min-width: 1000px;}
______________
MfG Roland
Mit Zitat antworten
  #5 (permalink)  
Alt 29.07.2014, 19:28
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.07.2014
Beiträge: 3
spellonca befindet sich auf einem aufstrebenden Ast
Standard

nein das klappt leider nicht...
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
Balken nach oben - Einfach oder nicht? hausl78 CSS 2 22.11.2011 09:31
CSS - CMS - lange Menus Balken/BG oben? shinobi CSS 3 13.10.2011 22:12
[Frage] Balken je nach Auflösung immer unten? djmoscito (X)HTML 2 13.03.2008 16:21
Weisser Balken im IE ganz oben, woher kommt der?? hubspe CSS 15 14.02.2008 14:47
Text-Positionierung oben mit Null Pixeln nicht nicht möglich ikezen CSS 3 25.08.2007 18:00


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