Sponsor-Board.de
Antwort schreiben  Thema schreiben 

[S]Hilfe für mein HTML-Problem

Verfasser Nachricht

Beiträge: 196
Bewertung: 20
Registriert seit: Aug 2012
Status: offline


Beitrag: #1
[S]Hilfe für mein HTML-Problem

Hallo Leute,

Ich habe ein Problem und zwar möchte ich eine Box oben haben mit 80px und width: 100% und die 2. sollte darunter liegen mit overflow:hide und den Rest der Seite ausfüllen. Ich poste weiter unter meinen Quellecode ein sowie eine kleines Bild zur Veranschaulichung von meinem kleinen Problem.

Problem: Das habe ich soweit hinbekommen, jedoch geht die Scrollbar über das Browserfenster (Chrome, Firefox und IE) hinaus...

Bild:

http://1.2.3.9/bmi/www10.pic-upload.de/28.04.13/cb3snq2fuiy.png(!https)

Code:

Zitat:
<!DOCTYPE html>
<html>
<head>
<style>
#oben
{
background: red;
position: fixed;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
}
#unten
{
position: absolute;
top: 80px;
height: 100%;
width:100%;
background: yellow;
overflow: auto;
}
</style>
</head>
<body>
<div id="oben" />
<div id="unten">
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
</div>
</body>
</html>


Gegenleistung:

  • Danke
  • ...


Mit freundlichen Grüßen
Moser Michael


[Link: Registrierung erforderlich]

Dieser Beitrag wurde zuletzt bearbeitet: 28.04.2013 21:15 von moser96.

28.04.2013 21:14
 
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden Diese Nachricht in einer Antwort zitieren

Beiträge: 350
Bewertung: 22
Registriert seit: Feb 2011
Status: offline


Beitrag: #2
RE: [S]Hilfe für mein HTML-Problem

URL zur Seite? Ich sehe kein Bild


http://befla.net/images/befla.png(!https)

Server 1 Monat gratis, keine Setupgebühr / Webspace ab 0,20 EUR / .de-Domain ab 1,98 EUR

E-Mail: [email protected]
Website: [Link: Registrierung erforderlich]
Skype: befla.net

Ihre Vorteile bei Befla:
--> Live-Support an 24 Stunden am Tag, 7 Tage in der Woche und 365 Tage im Jahr
--> Bequeme Zahlungsmöglichkeiten wie PayPal, Sofortüberweisung, Lastschrift, etc.
--> 100 % Kunden-Zufriedenheitsgarantie

28.04.2013 22:14
 
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden Diese Nachricht in einer Antwort zitieren

Beiträge: 251
Bewertung: 2
Registriert seit: Nov 2009
Status: offline


Beitrag: #3
RE: [S]Hilfe für mein HTML-Problem

mit overflow:hide

height: 100%;
width:100%;
background: yellow;
overflow: auto;

also du widersprichst dir damit selber außerdem heißt es richtig overflow: hidden;
dazu gibt aber bitte eine feste höhe an


My Projekt's:
Minecraft Community: [Link: Registrierung erforderlich]

28.04.2013 22:23
 
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden Diese Nachricht in einer Antwort zitieren

Beiträge: 152
Bewertung: 3
Registriert seit: May 2012
Status: offline


Beitrag: #4
RE: [S]Hilfe für mein HTML-Problem

Hallo,

wenn ich mir das mal anschaue sieht das so aus:
[Link: Registrierung erforderlich]

Zitat:
Problem: Das habe ich soweit hinbekommen, jedoch geht die Scrollbar über das Browserfenster (Chrome, Firefox und IE) hinaus...


Bei mir geht da nichts über das Browserfenster hinaus. Die Obere Box ist nur getrennt von der unteren Wink

Evtl. hilft dir das ja weiter Wink Habe es mit Seitenrand aber fließend gemacht

Code:
<head>
<title>Yellow and Red</title>
<style type="text/css">
<!--
body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background: #FFF;
    margin: 0;
    padding: 0;
    color: #000;
}


ul, ol, dl {
    padding: 0;
    margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;    
    padding-right: 15px;
    padding-left: 15px;
}


.container {
    width: 80%;
    max-width: 1260px;
    min-width: 780px;
    background-color: #FF0;
    margin: 0 auto;
}


.header {
    background-color: #F00;
}


.content {
    padding: 10px 0;
}


.content ul, .content ol {
    padding: 0 15px 15px 40px;
}


.footer {
    padding: 10px 0;
    background-color: #F00;
}

.fltrt {  
    float: right;
    margin-left: 8px;
}
.fltlft {
    float: left;
    margin-right: 8px;
}
.clearfloat {
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
-->
</style></head>

<body>

<div class="container">
  <div class="header">Header</div>
  <div class="content">
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br /></div>
  <div class="footer">
    <p>Fußzeile</p>
</div>
</div>
</body>
</html>

Dieser Beitrag wurde zuletzt bearbeitet: 29.04.2013 10:16 von MeinEnergy.

29.04.2013 10:00
 
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden Diese Nachricht in einer Antwort zitieren

Beiträge: 196
Bewertung: 20
Registriert seit: Aug 2012
Status: offline


Beitrag: #5
RE: [S]Hilfe für mein HTML-Problem

Sry Leute wahrscheinlich habe ich es so schlecht erklährt. Ich versuche es nochmal. Eine Box (die rote im Bild) ist oben fixiert und soll nicht mitscrollen. (width: 100% und height: 80px)

Die 2.Box (gelb am Bild) soll darunter sein und der Content soll scrollbar sein, jedoch sollte die Scrollbar wirklich erst unter der roten Box anfangen und im Fenster aufhören.

Jedoch dadurch das die Höhe 80 px vom oberen ist move ich die gelbe Box 80px nach unten, dadurch ändert sich jedoch nicht die 100 % für die Höhe des gelben und die gelbe box wird 80 px außerhalb des Browserfensters geschoben.

Bild so sollte es aussehen:
[Link: Registrierung erforderlich]


[Link: Registrierung erforderlich]

29.04.2013 14:14
 
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden Diese Nachricht in einer Antwort zitieren

Beiträge: 152
Bewertung: 3
Registriert seit: May 2012
Status: offline


Beitrag: #6
RE: [S]Hilfe für mein HTML-Problem

Also bei mir macht dein Code genau das, was du auch möchtest. In meinem Browser sieht es genau so aus wie auf deinem Bild.

29.04.2013 14:46
 
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden Diese Nachricht in einer Antwort zitieren

Beiträge: 196
Bewertung: 20
Registriert seit: Aug 2012
Status: offline


Beitrag: #7
RE: [S]Hilfe für mein HTML-Problem

MeinEnergy bitte beachte mal die Scrollbar genauer bzw. schiebe sie ganz nach unten... die wandert über das Fensterhinaus, jedoch nicht sichtbar.
MFG


[Link: Registrierung erforderlich]

29.04.2013 14:52
 
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden Diese Nachricht in einer Antwort zitieren

Beiträge: 152
Bewertung: 3
Registriert seit: May 2012
Status: offline


Beitrag: #8
RE: [S]Hilfe für mein HTML-Problem

Denn nimm doch einfach mein beispiel Wink

29.04.2013 16:30
 
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden Diese Nachricht in einer Antwort zitieren
Antwort schreiben  Thema schreiben 

Möglicherweise verwandte Themen...
Thema: Verfasser Antworten: Ansichten: Letzter Beitrag
  Hilfe bei HTML Schnipsel MaXxXaM 7 3.115 28.03.2019 00:33
Letzter Beitrag: BounTyOnline
  Ein wenig Hilfe bei PHP / HTML wahke 5 2.394 16.02.2019 07:41
Letzter Beitrag: wahke
  WP HTML Template in Theme einbinden Invisible 4 2.297 13.11.2017 12:13
Letzter Beitrag: Invisible
  PhP / HTML Frage Bildergalerie? HardwareNow 4 2.324 27.07.2017 13:14
Letzter Beitrag: GYJohn
  [CSS] Wo steckt mein Fehler? MB.n 1 1.585 27.12.2016 14:05
Letzter Beitrag: skillz

 Druckversion anzeigen
 Thema einem Freund senden
 Thema abonnieren
 Thema zu den Favoriten hinzufügen

Sponsor-Board.de

Community
Über uns
Partner
Powered by Mybb: Copyright 2002-2024 by MyBB Group - Deutsche-Übersetzung von Mybb.de
 
© 2007-2024 Sponsor-Board.de - Hosted by OVH

Willkommen auf SB!   Sie benötigen ein Sponsoring?   1. Anmelden   2. Sponsoring-Anfrage erstellen   3. Nachrichten von Sponsoren erhalten   Kostenlos!   Jetzt registrieren