21.07.2003, 17:51
|
|||
|
|||
Formate innerhalb eines DIV-Containers funktionieren nicht?!
Hallo,
also folgendes Problem: Ich habe Div-Container und innerhalb dieser Divcontainer möchte ich verschiedene Dinge platzieren. Mit dem -Tag funktioniert das ja wunderbar. Nur siehe Code unten: Code:
#container { border:1px solid #FFFFFF;
float:left;
padding:0;
width:4.5cm;
background-color:#FFFFFF;
margin:0pt}
<div id="container1"style="float:right margin-left:5pt" >
<hr>
<p class="menutitel">UMFRAGE</p>
<p class="inhalt">
<?php readfile("../script/poll/poll.htm"); ?>
<?php include("../script/chcounter/counter.php"); ?>
</p>
</div>
dann befindet die sich trotzdem nicht IN dem Container sondern immer noch ausserhalb. WARUM? Oder dann hab ich es probiert die <hr> in einen <hr></p> einzubinden aber dann gingen alle Formatierungen nur bis zur <hr> und alles was zwischen <hr>und </p> kam, war nicht mehr formatiert. Und noch dazu wie oben, wollte ich n paar php-scripte einbinden. Ich hatte die Seite komplett in Tabellen gestaltet. Dort war der Hintergrund der des Containers hellblau. Kann ich die scripte nicht in einen tag einbinden, damit das script auch formatiert ist. Schlecht ausgedrückt aber ich kanns nicht anders erklären. PLEASE HELP Gruss MAZE 
|
| Sponsored Links |
|
22.07.2003, 08:15
|
|||
|
|||
|
Hallo,
hast Du Dir den ID-Namen [container1/container] genau angesehen Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head><title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css"> <!--
html,body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9em;
background-color: #FFFFFF;
color: #000000;
padding: 0px;
margin: 0px;
}
#container1 {
border:1px solid #000000;
float:left;
padding:0;
width:4.5cm;
background-color:#FF0000;
margin:0pt
}
-->
</style>
</head>
<body>
<div id="container1" >
wozu der hr
<hr>
<p class="menutitel">UMFRAGE</p>
<p class="inhalt">
hjkhsdafkjahs askdjfh lkasjdlk alKSJD LKLASKJD
<?php readfile("../script/poll/poll.htm"); ?>
<?php include("../script/chcounter/counter.php"); ?>
</p>
</div>
<div>REST DER SEITE</div>
</body></html>
So geht es...............
__________________
</ulle>
|
| Sponsored Links |
|
22.07.2003, 09:51
|
|||
|
|||
|
Nur IE?!
Danke hat funktioniert.
Aber nur mit dem IE?! Kann man Tabellenfreies Design nur mit dem IE benutzen??? Und kann man auch <hr> oder andere elemente ausser Text also eher Tags, in -Tags platzieren? So dass die Tags innerhalb des tags die eigenschaften des ptags annehmen? Wie z.B. innerhalb einer zelle einer Tabelle?
|
|
22.07.2003, 10:29
|
|||
|
|||
|
Hallo,
Du kannst alles mit CSS design'en. Der unterschied zu früherem HTML ist das Eigenschaften von Elementen nicht mehr im HTML-TAG definiert werden. ( Sogar die größe eines Bildes im IMG-Tag kann im CSS definiert werden) Prinzip XML -> Man nehme einen TEXT - in diesem Text werden bestimmte Abschnitte deklariert - also von da bis da ist Überschrift - dies ist ein Absatz - usw. Wie nun die Überschrift aussieht wird dann mit CSS bestimmt. Denn CSS und XML funktioniert genauso, wie CSS und XHTML. D.h. HTML und CSS ist dann ein kompromiss, ein Zwischenschritt [eigentlich scheiss]. Und deshalb bekommen auch so viele Browser [ältere] Probleme. Deshalb meine Empfehlung: XHMTL lernen - ist nicht schwer - im Gegenteil wesentlich einfacher als die alten HTML-Tags mit eingebauten Eigenschaften. CSS lernen - geht auf dieser Site prima [ein hoch auf Thomas] WICHTIG: Der Browser muß gesagt bekommen was für eine Art von Dokument er anzeigen soll. Deshalb nie den DOCTYPE vergessen. Das die neuen Browser Zitat:
Habe zwar noch nie damit gearbeitet, aber die sind viel zu neu um Validen CODE zu verdödeln. Viel Spass und Erfolg beim lernen
__________________
</ulle>
|
|
22.07.2003, 11:04
|
|||
|
|||
|
ich glaub wir reden aneinander vorbei?!
Teste mal deinen
Code den du mir umgeschrieben hast, mit Opera und mit dem Netscape/Moziall/Phönix usw. und IE. So wie du es programmiert hast will ich es haben. Nur leider sieht man es halt nur IE so und mit den anderen browsern nicht???? Ich benutze übrigens die jeweils neuste Version und die verstehen alle CSS hat ja auch schon funktioniert. Aber immer wenn ich etwas anderes wie ein Bild oder einen Text in einen Div-Container einbinde oder sogar in einen p-tag dann, sieht man z.B. den Hintergrund des Containers nicht mehr, was man bei einer Tabelle sieht. Oder bei der HLinie die dehnt sich dann entweder über die ganze Breite des Bildschirmes oder über die grösse des Div-Containers was sie ja eigentlich nicht sollte. XHTML: Versuche es mir beizubringen, aber erst mal muss ich mit CSS komplett klarkommen  trotzdem danke auf jeden Fall Gruss MAZE
|
|
22.07.2003, 11:46
|
|||
|
|||
|
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head><title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css"> <!--
html,body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9em;
background-color: #FFFFFF;
color: #000000;
padding: 0px;
margin: 0px;
}
#container1 {
border: 1px solid #000000;
float:left;
padding:0;
width:200px;
background-color:#FF9900;
margin: 5px;
}
.test {
border:1px solid #000000;
background-color:#FF0000;
margin: 5px;
}
.test h1 {
font-width: bold;
font-size: 1.6em;
text-decoration: underline;
border:1 px solid #000000;
background-color:#33CCFF;
}
h1 {
font-width: bold;
font-size: 1.6em;
background-color:#FFCCFF;
}
p {
border: 1px dotted #CCCCCC;
margin: 5px;
}
#rest{
border:1 px solid #000000;
margin: 5px 5px 0 220px;
}
-->
</style>
</head>
<body>
<div id="container1" >
<div class="test" >
<h1>Überschrift</h1>
absatz text absatz text absatz text absatz text </p>
</div>
<h1>Überschrift</h1>
absatz text absatz text absatz text absatz text </p>
<div class="test" >
<h1>Überschrift</h1>
absatz text absatz text absatz text absatz text </p>
</div>
<h1>Überschrift</h1>
absatz text absatz text absatz text absatz text </p>
</div>
<div id="rest">
<div class="test" >
<h1>Überschrift</h1>
absatz text absatz text absatz text absatz text </p>
</div>
<h1>Überschrift</h1>
absatz text absatz text absatz text absatz text </p>
</div>
</body></html>
Getestet in Mozilla 1.4, Opera 7.2, IE6SP1 // alles auf XP
__________________
</ulle>
|
|
22.07.2003, 13:17
|
|||
|
|||
|
???
Du wirst lachen, aber bei mir
hat dein Code wieder nur mit dem IE funktioniert. Da war die Seite in verschiedene Boxen aufgeteilt die Rot / Orange usw waren. Mit dem neusten Opera bzw. phönix war da nix als Text zu sehen. und das nicht auf einer Seite, sondern ziemlich lang nach unten gezogen es sieht für mich ganz so aus als würde er bei dir bzw. bei mir überhaupt gar keine CSS-formatierungen erkennen?! Dieses Problem scheint wohl ein anderes vielleicht lokales Problem zu sein. Nur ich kann nicht wirklich nachvollziehen. Übrigens wo kann ich denn gut XHTML erlernen und gibt es dazu einen guten Editor wie PHASE 5?
|
|
22.07.2003, 13:55
|
|||
|
|||
|
Ich arbeite mit HomeSite 4.5 und schreibe by Hand.
Zitat:
 Nein - Spass beiseite, kann es sein dass Du JavaScript ausgeschaltet hast.
__________________
</ulle>
|
| Sponsored Links |
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Linkverhalten im IE6 | ChOpSueY! | CSS | 19 | 19.05.2008 22:48 |
| flexibles Div soll Div mit fester Breite links umfliessen? | braindead | CSS | 3 | 23.09.2006 12:58 |
| Div`s innerhalb eins Div | Rene231 | CSS | 2 | 28.02.2005 10:05 |
| Div`s innerhalb eins Div | Rene231 | CSS | 4 | 25.02.2005 10:55 |
| innerhalb eines Div ein anderes unten positionieren | imported_daniel | CSS | 2 | 11.03.2004 18:02 |
Linear-Darstellung
