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 05-08-2008, 21:21
martinm79
 Registrierter Benutzer
Links : Onlinestatus : martinm79 ist offline
Registriert seit: Jan 2004
Ort: Deutschland
Beiträge: 744
martinm79 ist zur Zeit noch ein unbeschriebenes Blatt
Standard CSS Box float - clear

Hallo,

habe mal eine Frage zu CSS.
Warum wird dieser Code:

Code:
<div style="width: 300px; border:1px solid green;">

	<!--Inhalt-->
	<div style="border:1px solid red;">

		<div style="float: left;border:1px solid blue;">
			1. linke Box
		</div>
		<div style="float: left;border:1px solid blue;">
			2. Box <br>mit mehr Inhalt
		</div>
		<br style="clear:both;">
	</div>

	Text unten
</div>
so dargestellt:


wenn er eigentlich so:


aussehen soll:
__________________
Gut geraten ist halb gewußt.
Mit Zitat antworten
  #2 (permalink)  
Alt 05-08-2008, 21:22
martinm79
 Registrierter Benutzer
Links : Onlinestatus : martinm79 ist offline
Registriert seit: Jan 2004
Ort: Deutschland
Beiträge: 744
martinm79 ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Also nach dem blauen Rahmen habe ich ja
Code:
<br style="clear:both;">
geschrieben, aber warum wird das nicht beachtet?
__________________
Gut geraten ist halb gewußt.
Mit Zitat antworten
  #3 (permalink)  
Alt 05-08-2008, 21: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

also bei mir sieht es so aus, wie es sein sollte, also bild 2. welche doctype hast du angegeben, welchen browser benutzt du?

peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
Mit Zitat antworten
  #4 (permalink)  
Alt 05-08-2008, 21:57
martinm79
 Registrierter Benutzer
Links : Onlinestatus : martinm79 ist offline
Registriert seit: Jan 2004
Ort: Deutschland
Beiträge: 744
martinm79 ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Hatte das im Thema geschrieben,aber er hatte das Thema beim 1. mal nicht gespeichert.

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
Also ich habe mir jetzt den IE8 geholt und da sieht es so aus.
(kann ich jedem nur empfehlen sich darauf vorzubereiten)

Im IE 8 soll css2.1 sein oder so.^^
Aber was ist daran anders, bzw. warum verschiebt sich das alles?
__________________
Gut geraten ist halb gewußt.
Mit Zitat antworten
  #5 (permalink)  
Alt 05-08-2008, 22:04
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

probier mal als doctype xhtml 1.0 transitional. das hatte ich bei mir vorgegeben. mit html transitional arbeite ich seit über drei jahren nicht mehr. also k.a.

peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
Mit Zitat antworten
  #6 (permalink)  
Alt 05-08-2008, 22:20
martinm79
 Registrierter Benutzer
Links : Onlinestatus : martinm79 ist offline
Registriert seit: Jan 2004
Ort: Deutschland
Beiträge: 744
martinm79 ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Nicht schlecht, bisschen was hat sich getan.
Ich habe

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/transitional.dtd">
in

Code:
<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
geändert und denn sieht es nicht mehr so:


sondern so:


aus.
Aber wie erreiche ich das die blauen Boxen komplett in der roten Box kommt?
Ich danke dir sehr für CSS4You, das war früher immer mein nachschlagewerk
Kommt da noch irgendwann was für css2 ? ^^
__________________
Gut geraten ist halb gewußt.
Mit Zitat antworten
  #7 (permalink)  
Alt 05-08-2008, 22:57
martinm79
 Registrierter Benutzer
Links : Onlinestatus : martinm79 ist offline
Registriert seit: Jan 2004
Ort: Deutschland
Beiträge: 744
martinm79 ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Nachdem ich aus
Code:
<br style="clear:both;">
das gemacht hatte:
Code:
<br style="clear:both;display:block;">
und es auch nicht klappte, hatte ich:

Code:
<div style="clear:both;"></div>
verwendet und denn klappte es,wie es sollte im
IE5.5 IE6 und IE8 und Firefox.
Müßte ich nur noch im IE7 testen.
__________________
Gut geraten ist halb gewußt.
Mit Zitat antworten
  #8 (permalink)  
Alt 05-08-2008, 23:03
martinm79
 Registrierter Benutzer
Links : Onlinestatus : martinm79 ist offline
Registriert seit: Jan 2004
Ort: Deutschland
Beiträge: 744
martinm79 ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Ich hab mal noch ein line-height reingemacht und auch mit float: right probiert. Wunderbar auch im IE7.
Code:
<div style="width: 300px; border:1px solid green;">

	<!--Inhalt-->
	<div style="border:1px solid red;">

		<div style="float: left;border:1px solid blue;">
			1. linke Box
		</div>
		<div style="float: right;border:1px solid blue;">
			2. Box <br>mit mehr Inhalt
		</div>
		<div style="clear:both;line-height: 0;"></div>
	</div>

	Text unten
</div>
__________________
Gut geraten ist halb gewußt.
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 13:34 Uhr.