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, 10: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, 10:37
Kropff
  Administrator
Links : Onlinestatus : Kropff ist offline
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.722
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, 11: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, 19: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 17-08-2007, 23: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, 11: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

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

Wissensbestand in Unternehmen
Wissensbestand in UnternehmenLebenslanges Lernen und Weiterbilden sichert Wissensbestand in Unternehmen

25.05.2018 | Berni


 

Aktuelle PHP Scripte

PHP Server Monitor

PHP Server Monitor ist ein Skript, das prüft, ob Ihre Websites und Server betriebsbereit sind.

11.09.2018 Berni | Kategorie: PHP/ Security
PHP WEB STATISTIK ansehen PHP WEB STATISTIK

Die PHP Web Statistik bietet Ihnen ein einfach zu konfigurierendes Script zur Aufzeichnung und grafischen und textuellen Auswertung der Besuchern Ihrer Webseite. Folgende zeitlichen Module sind verfügbar: Jahr, Monat, Tag, Wochentag, Stunde Folgende son

28.08.2018 phpwebstat | Kategorie: PHP/ Counter
Affilinator - Affilinet XML Produktlisten Skript

Die Affilinator Affilinet XML Edition ist ein vollautomatisches Skript zum einlesen und darstellen der Affili.net (Partnerprogramm Netzwerk) Produktlisten und Produktdaten. Im Grunde gibt der Webmaster seine Affilinet PartnerID ein und hat dann unmittelb

27.08.2018 freefrank@ | Kategorie: PHP/ Partnerprogramme
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 23:19 Uhr.