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 11-06-2007, 12:29
frankburian
 Guest
frankburian
Beiträge: n/a
Standard 4 DIVs untereinander und 2 variabel

Hallo,

ich möchte 4 divs untereinandersetzen. die ersten 2 oberen DIVs haben eine feste Größe.

Die 2 letzten unteren sollen prozentual 50% auf die restliche höhe aufgeteilt werden.

Alle 4 Divs sollen zusammen 100% höhe erreichen!

Mit dem HTML-Code hier klappt das auch soweit, aber das 3. Div verkleinert sich schneller als das 4. weiß jemand warum?

es sollen aber beide immer die gleiche größe haben, wenn das fenster verkleinert wird!

?
Danke!

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html style="height:100%;" xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
</head>
<body>
    <div style="background:#00ffff; height:50px;">
        Div 1
    </div>
    <div style="background:#0000ff; height:150px;">
        Div 2
    </div>
    <div style="background:#00ff00; height:50%; margin-top:-100px;">
        Div 3
    </div>
    <div style="background:#ff0000; height:50%; margin-top:-100px;">
        Div 4
    </div>

</body>
</html>
Mit Zitat antworten
  #2 (permalink)  
Alt 11-06-2007, 13:27
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

Zitat:
Alle 4 Divs sollen zusammen 100% höhe erreichen!
100% von was?


gruß
peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
Mit Zitat antworten
  #3 (permalink)  
Alt 11-06-2007, 13:41
frankburian
 Guest
frankburian
Beiträge: n/a
Standard

100% = Fensterhöhe!
Mit Zitat antworten
  #4 (permalink)  
Alt 11-06-2007, 13:43
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

und welche höhe hast du bei body angegeben? keine.

gruß
peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
Mit Zitat antworten
  #5 (permalink)  
Alt 11-06-2007, 13:46
frankburian
 Guest
frankburian
Beiträge: n/a
Standard

body braucht keine...nur das html element!
bei body tut sich nix!

merkre grad, das 2. div hat auch nicht die höhe von 150px;

mhhh...

//edit: ob ich es im html oder body stehen hat, ist den browser egal...wie ich sehe. hab auch ins body rein gemacht. => gleicher effekt!

Geändert von frankburian (11-06-2007 um 13:49 Uhr)
Mit Zitat antworten
  #6 (permalink)  
Alt 11-06-2007, 13:50
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

Zitat:
bei body tut sich nix!
bei mir schon.
Zitat:
das 2. div hat auch nicht die höhe von 150px;
margin-top?

außerdem wird das sowie so problematisch mit den 100%, da du zwei elemente mit absoluter höhe hast.

gruß
peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
Mit Zitat antworten
  #7 (permalink)  
Alt 11-06-2007, 13:55
frankburian
 Guest
frankburian
Beiträge: n/a
Standard

naja, meinte damit das es kein unterschied macht, ob es im html oder body steht!

warum sollte das 2 div. margin-top haben. liegt doch sowie so unter dem anderen! das 3. überschneidet das...

das muss doch irgend wie umzusetzen sein, will keine frames verwenden sondern ajax framework!

und tabellen wollte ich nicht unbedingt nutzen!
Mit Zitat antworten
  #8 (permalink)  
Alt 11-06-2007, 13:59
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

Zitat:
warum sollte das 2 div. margin-top haben
nein, das driite hat eins. deswegen auch keine optischen 150px.
Zitat:
das muss doch irgend wie umzusetzen sein
hatte mal ein ähnliches problem. da kommst du imho um einen js-hack nicht herum. bedank dich bei dem kerl, der für dieses idiotische boxmodell verantwortlich ist.

gruß
peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
Mit Zitat antworten
  #9 (permalink)  
Alt 11-06-2007, 14:05
frankburian
 Guest
frankburian
Beiträge: n/a
Standard

naja...auf js hab ich da kein bock!
mit einer tabelle sollte es gehen, auch wenn ich da gern ein großen bogen drum rum machen würde!

trotzdem danke!
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 03:25 Uhr.