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 17-08-2007, 11:32
el muesli
 Newbie
Links : Onlinestatus : el muesli ist offline
Registriert seit: Nov 2004
Beiträge: 106
el muesli ist zur Zeit noch ein unbeschriebenes Blatt
Question DIV-Höhe der eines anderen DIVs anpassen

Hallo Forum,

ich habe 2 nach links gefloatete Container. Im 1. steht ein Artikel (also Text). Seine Höhe variiert je nach länge des Textes. Rechts daneben ist ein schmaler 2. Container, in dem kleine Bildchen, die zum Artikel gehören aneinandergereiht sind. Es kann vorkommen, dass die Liste der Bilder länger (höher) wird, als der Container mit dem Artikel.

Wie kann ich den Bereich für die Bilder genauso hoch machen, wie den Artikel und ihn mit ner Scrollleiste ausstatten?

Ich hoffe mein Problem ist klar geworden.

Beste Grüße, Andreas
__________________
andreas.mkq.de
Mit Zitat antworten
  #2 (permalink)  
Alt 17-08-2007, 11:37
Kropff
  Administrator
Links : Onlinestatus : Kropff ist offline
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.727
Kropff befindet sich auf einem aufstrebenden Ast
Standard

beispielcode? online-version verfügbar?

gruß
peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
Mit Zitat antworten
  #3 (permalink)  
Alt 17-08-2007, 12:20
el muesli
 Newbie
Links : Onlinestatus : el muesli ist offline
Registriert seit: Nov 2004
Beiträge: 106
el muesli ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Hi. Das HTML-Gerüst sieht etwa so aus - online hab ichs nicht:
PHP-Code:
<div id="content">
  <
div id="text" style="float:left;width:400px;min-height:300px;">
    
Hier steht jetzt jede Menge Text...
  </
div>
  <
div id="bilder" style="float:left;width:150px;">
    
Hier sind kleine Bildchen mal mehrmal wenigerje nach Artikel...
  </
div>
</
div
Es wäre sozusagen (schon) ausreichend, wenn #content immer genau die Höhe von #text annehmen würde...

Sinn und Zweck der Sache ist übrigens, dass die Seite an sich nicht zu lang wird und es unter dem Artikeltext keine freien Flächen geben soll.

Beste Grüße, Andreas
__________________
andreas.mkq.de
Mit Zitat antworten
  #4 (permalink)  
Alt 17-08-2007, 20:24
highrise
 Member
Links : Onlinestatus : highrise ist offline
Registriert seit: Apr 2006
Ort: zu Hause *g*
Beiträge: 257
highrise ist zur Zeit noch ein unbeschriebenes Blatt
Standard

soweit ich weiß, gibt es keine reine CSS Lösung für dein Problem.

korrigiert mich, falls ich mich irre....

allerdings kann ich dir eine teillösung ertmal für den scrollbalken anbieten:

overflow:auto

dazu müsstest du noch mit einem JS die tatsächliche Höhe des #text containers ermitteln...

das ist nicht sonderlich schwer:

document.getElementById('text').offsetHeight erledigt das für dich...

du erhälst die höhe in pixeln als reinen integer (ganzzahl) wert

diesen musst du dann als neue Höhe für den Container #bilder verwenden...


in einer einzigen zeile Javascript sieht das dann so aus:

document.getElementById('bilder').style.height=document.getElementById('text').offsetHeight+'px';

das ganze natürlich nachdem die Divs bereits existieren.. entweder direkt am fuße des body, oder als funktionsaufruf oder mittels onload

Thema erledigt..

greetz, high
__________________
Good programming is 40% experience, 20% skill, 20% RTFM, 15% caffeine, and 5% attention to detail.
When everything else fails, manipulate the data...
Beschriftungen / Großformatdruck / Werbemittel
Mit Zitat antworten
  #5 (permalink)  
Alt 18-08-2007, 00:26
el muesli
 Newbie
Links : Onlinestatus : el muesli ist offline
Registriert seit: Nov 2004
Beiträge: 106
el muesli ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Danke, das ist schonmal eine gute Lösung. Bisher brauche ich zwar noch kein Javascript in der Website, aber zur Not ginge das auch.

Vielleicht hat trotzdem noch jemand eine elegante CSS-Lösung?
Vllt auch durch Umstrukturierung?
__________________
andreas.mkq.de
Mit Zitat antworten
  #6 (permalink)  
Alt 18-08-2007, 12:22
Click
 Member
Links : Onlinestatus : Click ist offline
Registriert seit: Aug 2006
Beiträge: 228
Click ist zur Zeit noch ein unbeschriebenes Blatt
Click eine Nachricht über ICQ schicken
Standard

Also meines Wissens gibt's kein CSS1/2 weg 2 Containern die gleiche Höhe zuzuweisen. Das ist - meiner Meinung nach - etwas, was wirklich fehlt. Gäbe es sowas in CSS1/2 würde man ja auch keine Faux Columns benutzten.

Übrigens: In CSS3 soll es endlich machbar sein.
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

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

ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlicht
ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlichtDie bekannte Marktplatzsoftware ebiz-trader ist in der Version 7.5.0 veröffentlicht worden.

28.05.2018 | Berni


 

Aktuelle PHP Scripte

WeltExplorer v1.0

WeltExplorer v1.0 ist ein Dateimanager zum Browsen und Operieren im Dateisystem. Bei installiertem cURL können Ordner und Dateien zu entfernten FTP-Servern hochgeladen bzw. von diesen heruntergeladen werden, etwa zum Erstellen von Backups oder Mirrorsites

06.02.2019 weltvolk | Kategorie: PHP/ File
PG Job Site Pro

> Job Site Pro - web-basiertes Programm, auf PHP/MySQL für Erstellung der funktionellen Job Board Site gebaut. Das hat erweitertes Management-System für Arbeitssuchenden und Arbeitgeber und kann für bestimmte Länder, Regionen oder einfach generelle Job Si

05.02.2019 submit@ | Kategorie: PHP/ Management
ModuleStudio ansehen ModuleStudio

Modellgetriebene Entwicklung von Erweiterungen für das Open Source Framework Zikula.

15.01.2019 Guite | Kategorie: PHP ENTWICKLUNGSUMGEBUNG
 Alle PHP Scripte anzeigen

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