php-resource



Zurück   PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr > Entwicklung > HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS
 

Login

 
eingeloggt bleiben
star Jetzt registrieren   star Passwort vergessen
 

 

 


HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ?

Antwort
 
LinkBack Themen-Optionen Thema bewerten
  #1 (permalink)  
Alt 16-01-2007, 11:35
cag-live
 Registrierter Benutzer
Links : Onlinestatus : cag-live ist offline
Registriert seit: Feb 2005
Ort: Ilmenau
Beiträge: 143
cag-live ist zur Zeit noch ein unbeschriebenes Blatt
cag-live eine Nachricht über ICQ schicken
Question [CSS] Scrollbarer Mittelteil

Hi Leute,

ne kurze und einfach Frage:

Ich habe ein Haupt-DIV main, wo ein Mittelteil content sowie ein rechter Teil right definiert sind. Etwa so:

PHP-Code:
<div id="main">

  <
div id="content">
  {include 
file=$content}
  
    <
div id="foot">
    {include 
file="frontend/index_foot.tpl"}
    </
div>

  </
div>

  <
div id="right">
  {include 
file="frontend/index_right.tpl"
  </
div>
  
</
div
Jetzt möchte ich den Mittelteil (also den content) scrollbar, sowie 100% hoch machen. Ich habs mir wiefolgt vorgestellt:

PHP-Code:
#main {
  
display:  block;
  
left:     135px;
  
padding:  15px 0 0 15px;
  
positionabsolute;
  
top:      75px;
  
width:    850px;
}
#main #content {
  
height:   100%;
  
overflowauto;
  
positionabsolute;
  
width:    675px;
}
...
#main #content #foot {
  
display:    block;
  
left:       0;
  
min-width:  675px;       /* IE6 macht alles 2px größer --> Opera und FF kennen min-width, IE6 nicht */
  
padding:    3px 0 3px 0;
  
position:   absolute;
  
text-aligncenter;
  
width:      673px;
}
...
#main #right {
  
display:  block;
  
positionabsolute;
  
top:      15px;
  
left:     705px;
  
width:    135px;

Statt des gewollten Zieles hat alles ne Höhe von ca. 10px und ist somit nicht 100% hoch.

Gedankenansatz falsch?
__________________
visit bepeppered.net

Geändert von cag-live (16-01-2007 um 11:46 Uhr)
Mit Zitat antworten
freelancermap.de - IT Projektvermittlung für Selbständige und Freiberufler
  #2 (permalink)  
Alt 16-01-2007, 11:39
Kropff
  Administrator
Links : Onlinestatus : Kropff ist offline
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.746
Kropff befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
ist somit nicht 100% hoch.
klassische frage: 100% von was? mal ein
PHP-Code:
htmlbody
{
   
height100%;

probiert?

gruß
peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
Mit Zitat antworten
  #3 (permalink)  
Alt 16-01-2007, 11:41
cag-live
 Registrierter Benutzer
Links : Onlinestatus : cag-live ist offline
Registriert seit: Feb 2005
Ort: Ilmenau
Beiträge: 143
cag-live ist zur Zeit noch ein unbeschriebenes Blatt
cag-live eine Nachricht über ICQ schicken
Standard

Jep. Geht in keinem der 3 Browser (Opera, IE, FF).

100% von der Seite, d.h. es soll die komplette Seite ausfüllen (bis nach unten an den Rand).

Mit ner festen Pixelangabe is es kwatsch, da jeder Browser andere Anzeigehöhen hat. Die einzige Variante, die ich grad sehe, ist die Fensterhöhe über JavaScript auszulesen und die CSS-Eigenschaft dahingehend zu ändern.
__________________
visit bepeppered.net
Mit Zitat antworten
  #4 (permalink)  
Alt 16-01-2007, 11:46
Kropff
  Administrator
Links : Onlinestatus : Kropff ist offline
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.746
Kropff befindet sich auf einem aufstrebenden Ast
Standard

oder meinst du so was wie faux frames

gruß
peter

EDIT:
habe was übersehen, bei #main fehlt ja auch eine höhenangabe
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite

Geändert von Kropff (16-01-2007 um 11:49 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 16-01-2007, 11:48
cag-live
 Registrierter Benutzer
Links : Onlinestatus : cag-live ist offline
Registriert seit: Feb 2005
Ort: Ilmenau
Beiträge: 143
cag-live ist zur Zeit noch ein unbeschriebenes Blatt
cag-live eine Nachricht über ICQ schicken
Standard

Jeps, sowas aber ohne unteren Balken^^

So wie du schon Probleme auf deiner Seite hattest:
Zitat:
Habt ihr euch mal mit "Liquid Columns" in Kombination mit "Faux Frames" beschäftigt?
__________________
visit bepeppered.net
Mit Zitat antworten
  #6 (permalink)  
Alt 16-01-2007, 11:49
Kropff
  Administrator
Links : Onlinestatus : Kropff ist offline
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.746
Kropff befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Jeps, sowas aber ohne unteren Balken
lass ihn weg.

peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
Mit Zitat antworten
  #7 (permalink)  
Alt 16-01-2007, 11:51
cag-live
 Registrierter Benutzer
Links : Onlinestatus : cag-live ist offline
Registriert seit: Feb 2005
Ort: Ilmenau
Beiträge: 143
cag-live ist zur Zeit noch ein unbeschriebenes Blatt
cag-live eine Nachricht über ICQ schicken
Standard

Mist, genau das wars, nen
PHP-Code:
height100
bei main

Super, danke für die schnelle Antwort!
__________________
visit bepeppered.net
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Themen-Optionen
Thema bewerten
Thema bewerten:

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 an


PHP News

PHP Marktplatz-Software
PHP Marktplatz-SoftwareEs hat sich viel getan! Die neue Version 7.5.9 unserer PHP Marktplatz-Software ebiz-trader steht ab sofort zur Verfügung.

28.10.2019 | Berni

Die RIGID-FLEX-Technologie
Die RIGID-FLEX-TechnologieDie sogenannte "Flexible Elektronik" , oftmals auch als "Flexible Schaltungen" bezeichnet, ist eine zeitgemäße Technologie zum Montieren von elektronischen Schaltungen.

06.12.2018 | Berni


 

Aktuelle PHP Scripte

Microweber CMS

Open source, drag and drop website builder

13.01.2020 Berni | Kategorie: HTML5/ EDITOR
PhoneGap Apps mit JS, CSS3 und HTML5 erstellen ansehen PhoneGap Apps mit JS, CSS3 und HTML5 erstellen

PhoneGap, Framework zur Erstellung hybrider Applikationen für mobile Endgeräte.

13.01.2020 Berni | Kategorie: App-Entwicklung
Bo)Tickets

Bo)Tickets bietet Ihnen eine Schnittstelle für Kundenanfragen an. In dem Script definieren Sie Supportbereiche, also zum Beispiel „Technik, Buchhaltung, Support“. Ihre Kunden können dann über ein Formular eine Anfrage abschicken.

31.12.2019 bocombo | Kategorie: PHP/ Ticketsystem
 Alle PHP Scripte anzeigen

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