Scrolleiste beim DIV-Container

Dieses Thema im Forum "Webmaster Hilfe / Programmierer Forum" wurde erstellt von BoTTeR, 24.12.2007.

  1. BoTTeR

    BoTTeR Neuer Benutzer

    Dabei seit:
    22.12.2007
    Beiträge:
    13
    Zustimmungen:
    0
    Guten abend und ein Frohes Fest!
    Ich bin wohl der einzige der heute Abend noch am Arbeiten ist, aber ich versuche es mal trozdem.
    Ich möchte, in einer verschachtelten Tabelle, welches im ineren einen DIV-Container hat, Texte anzeigen lassen.
    Die Tabelle bzw. der DIV-Kontainer soll eine Maximale höhe von z.B. 280px haben.
    Sollte der Text jetzt nicht in die höhe von 280px rein passen, und nur dann, eine Scrolleiste angezeigt werden. Mit overflow:scroll zeigt mir der FF zwas Scrolleisten an, aber durch die höhe von 280px läst sich der text nicht aufhalten.
    Er erweitert die Tabelle nach unten so dass das ganze Layout drauf geht.

    -- > http://gerhardt-security.afbcomputer.de/impressum.html

    Von den ganzen Validirungsfehlern mal abgesehn, will ich die Seite erstmal schritt für schritt aufbauen.
    Das Design ist momentan nicht ganz ohne DIV's umsetzbar, deswegen die Tabellen Konstruktion.
    Nach und nach werde ich die Tabellen durch DIV's ersetzten, aber jetzt erstmal zu dem eigentlichen Problem zurück :)
    Liebe Grüße,
    BoTTeR
     
  2. AdMan

    schau mal hier: Windows-Wartungs-Tool. Viele Probleme lassen sich damit einfach beheben. Oftmals ist der PC dann auch schneller!
    Registrieren bzw. einloggen, um diese und auch andere Anzeigen zu deaktivieren.
  3. #2 Blaxxun, 24.12.2007
    Blaxxun

    Blaxxun aka Noisy

    Dabei seit:
    06.11.2005
    Beiträge:
    6.171
    Zustimmungen:
    0
    Erstmal alles was mit Tabellen umsetzbar ist auch 200% mit Divs umsetzbar.

    Aber gut zu deinem weihnachtlichen :))) Problem:
    Ich versteh das Problem nicht ganz, aber overflow: auto; sollte den Scrollbalken nur anzeigen wenn er nötig ist. scroll zeigt ihn hingegen auch an, wenn es nicht nötig ist.
     
  4. BoTTeR

    BoTTeR Neuer Benutzer

    Dabei seit:
    22.12.2007
    Beiträge:
    13
    Zustimmungen:
    0
    Das problem ist ja das die Box nicht fix ist, sondern sich trozdem erweitert auch wenn die höhe bei maximalen 280 px angelegt sind.
    Liebe grüße,
    BoTTeR
     
  5. #4 Blaxxun, 25.12.2007
    Blaxxun

    Blaxxun aka Noisy

    Dabei seit:
    06.11.2005
    Beiträge:
    6.171
    Zustimmungen:
    0
  6. BoTTeR

    BoTTeR Neuer Benutzer

    Dabei seit:
    22.12.2007
    Beiträge:
    13
    Zustimmungen:
    0
    Ich habe die Seite so weit fast fertig, muss nur noch das backend in PHP schreiben.
    Mal ne frage, in dem FF 2 habe ich so einen abstand zweischen dem div mit der class Navigation und dem Div mit der Class Content so einen ca. 20px großen abstand. Dieser abstand soll nicht da sein. -->
    [​IMG]
    Im IE 6.02 wird der Content plan an die Navigation angefügt, jedoch ahbe ich einen doppelt so grßen Rahmen wie gedsacht(benötigt 4px ist aber ca. 8 px)
    Und die Position des Textfeldes stimmt nciht überein. Im FF2 macht er den fehler mit der Position nicht.
    [​IMG]

    Die seite ist W3C Valide, darauf habe ich geachtet. könnt Ihr mal schaun, ob Ihr den oder noch weitere Fehler findet.
    PS: Wenn jemand noch andere Browser hat, Opera, NN usw.. könnte der mal einen Screen amchen und den uppen?

    QUELTEXT DER SEITE:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="css/screen.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="css/print.css" rel="stylesheet" type="text/css" media="print"/>
    <title>Gerhard Security - Ihr Schutz ist unsere Mission : Startseite</title>
    <script	type="text/javascript" src="inc/browsercheck.js"></script>
    </head>
    <body>
    <div class="container">
    <div class="header">[img]img/layout/header.png[/img][img]img/layout/logo.png[/img]</div>
    <div class="navigation">
    <ul class="navigation">
      [*][url="/"][img]img/navigation/startseite-hover.png[/img][/url]
      [*][url="unternehmen.html"][img]img/navigation/unternehmen.png[/img][/url]
      [*][url="services.html"][img]img/navigation/services.png[/img][/url]
      [*][url="ausbildung.html"][img]img/navigation/ausbildung.png[/img][/url]
      [*][url="referenzen.html"][img]img/navigation/referenzen.png[/img][/url]
      [*][url="kontakt.html"][img]img/navigation/kontakt.png[/img][/url]
      [*][img]img/navigation/gerhardt-security.png[/img]
    [/list]
    </div>
    <div class="content" style="background-image:url(img/startseite/sicherheitsdienst-duesseldorf.png)">
    <div class="text" style="margin-top:20px; margin-left:35px;">
    <h1 >Volles Schutzprogramm – deutschlandweit</h1>
    
    
    Das Gesch&auml;ft mit der Sicherheit hat Hochkonjunktur: W&auml;hrend das Konfliktpotenzial in der Gesellschaft zunimmt und die Gewaltbereitschaft w&auml;chst, ist die Polizeipr&auml;senz r&uuml;ckl&auml;ufig. Immer mehr Unternehmen und Privatpersonen, die ein erh&ouml;htes Sicherheitsbed&uuml;rfnis haben, wollen und k&ouml;nnen sich nicht allein auf den Staat verlassen.</p>
    
    
    Gerhardt-Security bietet Rundum-Sicherheit f&uuml;r Privatpersonen und Gewerbetreibende – bundesweit. Ob Personenschutz, Objektbewachung oder Gew&auml;hrleistung der Sicherheit auf Veranstaltungen: Mit uns gehen Sie buchst&auml;blich auf Nummer sicher!</p>
    
    </div>
    </div>
    <div class="footer" style="background-image:url(img/startseite/sieherheitsdienst-koeln.png)">
    
    
    Telefon: +49 (0)2336 / 81 91 24|Telefax: +49 (0)2336 / 81 91 26|E-Mail: [email]jensgerhardt@gerhardt-security.com[/email]</p>
    </div>
    <div class="boden" style="background-image:url(img/startseite/eventsicherheit.png)">
    </div>
    </div>
    </body>
    </html>
    
    UND HIER DIE CSS:
    Code:
    body {
    	/*background-color:#0c3146;*/
    	background-image:url(../hintergrund-neu.jpg);
    	margin:0;
    	padding:0;
    }
    .container{
    	width:900px;
    	height:auto;
    	margin:0 auto;
    	text-align: center;
    }
    .header {
    	height:163px;
    	width:900px;
    	border-bottom:#FFFFFF solid 4px;
    }
    .himage {
    	border-right:#FFFFFF solid 4px;
    }
    .navigation {
    	margin:0;
    	padding:0;
    	width:900px;
    	height:34px;
    	border-bottom:#FFFFFF solid 4px;
    }
    .navigation ul{
    	margin-top: 0;
    	margin-bottom: 0;
    
    }
    .navigation li {
    display:inline;
    
    }
    .navigation a{
    border:0;
    padding:0;
    margin:0;
    float:left;
    text-align:left;
    }
    .navigation img{
    	border:0;
    	padding:0;
    	margin:0;
    	white-space: nowrap;
    	float: left;
    	
    }
    .content {
    	margin:0;
    	padding:0;
    	width:900px;
    	height:463px;
    	background-repeat:no-repeat;
    }
    
    
    .text {
    	text-align:left;
    	width:350px;
    	height:400px;
    	overflow:auto;
    }
    .text a {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	color: #FFFFFF;
    	font-weight: bold;
    	text-decoration: none;
    }
    .text a:hover {
    text-decoration:underline;
    }
    .text a:visited {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	color: #FFFFFF;
    	font-weight: bold;
    	text-decoration: none;
    }
    .text h1{
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 13px;
    	color: #FFFFFF;
    }
    .text p{
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	font-size:11px;
    	color:#FFFFFF;
    }
    .text ul li{
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	color: #FFFFFF;
    	font-size: 11px;
    	list-style-type: disc;
    	list-style-position: outside;
    	text-align: left;
    }
    .footer {
    	width:900px;
    	height:34px;
    	background-repeat:no-repeat;
    }
    .footer p {
    display:none;
    }
    .boden {
    	background-repeat:no-repeat;
    	width:900px;
    	height:20px;
    	border-bottom:#FFFFFF solid 4px;
    }
    .text input {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	color: #000000;
    	border: 1px solid #CCCCCC;
    	font-size: 11px;
    }.text textarea {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	color: #000000;
    	border: 1px solid #CCCCCC;
    	font-size: 11px;
    }
    .text td {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	color: #FFFFFF;
    }
    .text select {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	color: #000000;
    	border: 1px solid #CCCCCC;
    }
    
    Liebe Grüße und vielen dank,
    der BoTTeR!
     
  7. AdMan

    Es ist generell erstmal empfehlenswert alle ggf. veralteten oder fehlerhaften Treiber zu scannen und auf neue zu aktualisieren. Hier kannst du einen Treiber-Scanner downloaden. Das erspart oftmals viel Ärger und hilft gegen diverse Probleme.
    Registrieren bzw. einloggen, um diese und auch andere Anzeigen zu deaktivieren.
  8. #6 xandros, 06.01.2008
    xandros

    xandros IT Consultant, Cisco Registered Partner
    Moderator

    Dabei seit:
    05.07.2007
    Beiträge:
    25.890
    Zustimmungen:
    91
    Ort:
    Umkreis Duisburg, neben Mannheim, hinter Hamburg
    die fehlerhafte Darstellung im IE 6 und früher liegt daran, dass der IE in diesen Versionen ein Boxmodellfehler hat. Bei Selfhtml findest du einen Workaround dazu (Trennung der Höhe und Breite von Innenabstand und Rahmen) und auch diverse Möglichkeiten für Browserweichen....
    http://de.selfhtml.org/css/formate/box_modell.htm#workarounds
     
  9. BoTTeR

    BoTTeR Neuer Benutzer

    Dabei seit:
    22.12.2007
    Beiträge:
    13
    Zustimmungen:
    0
    Ja im FF2 ist ja die Darstellung auch nicht exakt.
    Am besten stellt mir es Dreamweawer da, und zwar so, wie es auch sein soll.
     
Thema:

Scrolleiste beim DIV-Container

Die Seite wird geladen...

Scrolleiste beim DIV-Container - Ähnliche Themen

  1. Excel und Word öffnet sich beim Hochfahren immer automatisch

    Excel und Word öffnet sich beim Hochfahren immer automatisch: Hallo, ich bekomme noch eine Krise. Irgendwann habe ich mal eingestellt, dass sich Excel und Word beim Hochfahren des Computers selbständig öffnen...
  2. Datenverlust beim schreiben, Ereignis ID 50

    Datenverlust beim schreiben, Ereignis ID 50: Folgender Fehler: Datenverlust beim Schreiben. Nicht alle Daten für Datei "\server\Ordner\Ordner wurden gespeichert. Die Daten gingen verloren....
  3. Pc fährt immer erst beim zweiten Versuch hoch?

    Pc fährt immer erst beim zweiten Versuch hoch?: Heyho, seit ca. einer Woche fährt mein Pc beim ersten "Versuch" einfach nichtmehr hoch sondern erst beim zweiten. Ich starte meinen Pc wie...
  4. PC beim finanzamt absetzen?

    PC beim finanzamt absetzen?: Hallo, ich bin Unternehmer und habe mir einen neuen Laptop gekauft. Kann ich diesen beim Finanzamt absetzen, wie ich z.B. unter...
  5. Probleme beim Herunterfahren

    Probleme beim Herunterfahren: Hallo wie im Titel schon angemerkt fährt mein PC seit langer Zeit schon nicht mehr normal herunter. Nun zum folgenden Problem: Sobald ich auf...