zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Kommentare nach "clear" unter dem Menü

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.11.2004, 01:46
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.10.2004
Beiträge: 62
Knuddelkamel befindet sich auf einem aufstrebenden Ast
Standard Kommentare nach "clear" unter dem Menü

Hi alle

Habe das Problem, wenn ich nach denn Bildern die Funktion "clear" einsetze die nachfolgendenden Kommentare unter dem linken "includemenü" erfolgen. Wie kriege ich das hin, dass die Kommentare gleich nach den Bildern erscheinen?

Weiter habe ich das Problem das es im IE nicht so anzeigt wie beim FF. Was muss ich ändern das das Ergebnis gleich ist?

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>::: www.east-amigos.ch ::: HC Thurgau ::: Fanclub :::</title> 
<link rel="stylesheet" type="text/css" href="/page/css/formatvorlagen.css"> 

</head> 

<body> 
<div id=overall> 
 <div id="title"> 
<?php 
include 'http://www.east-amigos.ch/page/titel.html'; 
?> 
 </div> 
<?php 
include 'http://www.east-amigos.ch/page/menu.html'; 
?> 
<div id=content> 
 <h1>
	Mitglieder
	</h1>
	
<ul>[*]<a href="bilddaten/01.php" target="_self">
 [img]bilddaten/01.jpg[/img]</a>[/list]
<ul>[*]<a href="bilddaten/02.php" target="_self">
 [img]bilddaten/02.jpg[/img]</a>[/list]

<ul>[*]<a href="bilddaten/03.php" target="_self">
 [img]bilddaten/03.jpg[/img]</a>[/list]
<ul>[*]<a href="bilddaten/04.php" target="_self">
 [img]bilddaten/04.jpg[/img]</a>[/list]
<ul>[*]<a href="bilddaten/05.php" target="_self">
 [img]bilddaten/05.jpg[/img]</a>[/list]

<br style="clear: both;" /> 

<?php include("comment.php"); ?>

	
</div>

</div> 
</body> 
</xhtml>
Würde mich auf einige Lösungsvorschläge freuen.

Gruss Knuddelkamel
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.11.2004, 03:52
Benutzerbild von netspy
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 13.08.2004
Ort: Leipzig
Beiträge: 1.953
netspy sorgt für eine eindrucksvolle Atmosphärenetspy sorgt für eine eindrucksvolle Atmosphäre
Standard Re: Kommentare nach "clear" unter dem Menü

Zitat:
Zitat von Knuddelkamel
Habe das Problem, wenn ich nach denn Bildern die Funktion "clear" einsetze die nachfolgendenden Kommentare unter dem linken "includemenü" erfolgen. Wie kriege ich das hin, dass die Kommentare gleich nach den Bildern erscheinen?
Warum machst du mehrere Listen mit jeweils nur einem Element? Wie soll das später mal aussehen?

Zitat:
Zitat von Knuddelkamel
Weiter habe ich das Problem das es im IE nicht so anzeigt wie beim FF. Was muss ich ändern das das Ergebnis gleich ist?
Ohne eine URL zu deiner Seite kann man kaum beantworten. Woher soll jemand außer dir wissen, wie die Seite in Firefox und wie im IE aussieht?

Mario
__________________
AppDev Blog · AppDev Forum
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.11.2004, 11:05
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.10.2004
Beiträge: 62
Knuddelkamel befindet sich auf einem aufstrebenden Ast
Standard

Also das ich Listen mit nur 1 Element eingesetzt habe, hat den einfachen Grund, das dies als Beispiel aus meinem Buch gegeben worden ist, so habe ich dies übernommen und noch ein wenig daran gefeilt. Dachte mir wieso die im Buch nicht position "fixed" arbeiten, aber wenn die das schon so vor geben, habe ich mich entschieden es so aufzubauen wie im Beispiel des Buches.

url ist ja unten beim www

http://<br /> <a href="http://www.e....php</a><br />

Gruss Knuddelkamel
Mit Zitat antworten
  #4 (permalink)  
Alt 26.11.2004, 11:41
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard



Da biste ja wieder.

Das selbe alte Problem wie bei deinen anderen Seiten. (Sponsoren)
Der IE stellt sich halt ungeschickt an.
Warum clearst Du ?
Warum innerhalb des div?
Und noch dazu mit dem
Tag?

Mit Listen geht das schon - eine Tabelle wäre hier aber auch angemessen.
Du kannst deine Liste ja zusammenfassen zu einer einzigen und wie in einem horizontalen Listenmenü arbeiten. Bei deinem festen Layout müssen dann halt Margins und paddings angepasst werden, dass es passt. Einfacher ist es natürlich mit einer vertikalen Liste.
Dann geht aber gleich auch eine Tabelle.

grüsse andir
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #5 (permalink)  
Alt 26.11.2004, 13:04
Benutzerbild von netspy
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 13.08.2004
Ort: Leipzig
Beiträge: 1.953
netspy sorgt für eine eindrucksvolle Atmosphärenetspy sorgt für eine eindrucksvolle Atmosphäre
Standard

position:fixed kann bspw. der IE nicht, weshalb man es in der Praxis kaum verwenden kann. Aber für deinen offenbar gewünschten Effekt von Kacheln ist das sowieso nicht geeignet. Schau dir mal an, wie ich das bei einer Galerie gemacht habe:

http://www.cetaceen.de/Galerie.xhtml

Hier noch mal ein früheres Testdokument, wo das vielleicht ein wenig einfacher zu verstehen ist:

http://www.lingo4u.de/test/tarkus.html

Die Kacheln sind als Liste realisiert und sind damit auch ohne CSS zugänglich. Außerdem passen sie sich an die verfügbare Breite an.

Mario
__________________
AppDev Blog · AppDev Forum
Mit Zitat antworten
  #6 (permalink)  
Alt 28.11.2004, 21:20
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.10.2004
Beiträge: 62
Knuddelkamel befindet sich auf einem aufstrebenden Ast
Standard

Werde mal versuchen das ganze zu ändern, werde mich sicherlich nochmals zum Wort melden.

Darf ich inerhalb von Divs nicht clearen?
Kann ich "clear" auch ohne das
Tag einsetzten?


@netspy bei Dir wird ja auch gecleart, stellt das dann kein Problem dar bei mir, ansonsten sähe Dein Beispiel noch gut aus..

Gruss Knuddelkamel
Mit Zitat antworten
  #7 (permalink)  
Alt 29.11.2004, 11:05
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Code:
:
:
</div> 
</body> 
</xhtml>
</xhtml>
__________________
</ulle>
Mit Zitat antworten
  #8 (permalink)  
Alt 30.11.2004, 00:04
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.10.2004
Beiträge: 62
Knuddelkamel befindet sich auf einem aufstrebenden Ast
Standard

Hi alle

Habe es nunmal versucht, aber klappt nicht. Die Bilder werden nicht nebeneinander, sondern die ganze Zeit untereinander aufgelistet, obwohl ich float:left einsetze.

Könnt ihr mir nochmals weiterhelfen?

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>::: www.east-amigos.ch ::: HC Thurgau ::: Fanclub :::</title> 
<link rel="stylesheet" type="text/css" href="/page/css/formatvorlagen.css"> 

</head> 

<body> 
<div id=overall> 
 <div id=title> 
 
<?php 
include 'http://www.east-amigos.ch/page/titel.html'; 
?> 
 </div> 
<?php 
include 'http://www.east-amigos.ch/page/menu.html'; 
?> 
<div id=content> 
 <h1>
	Mitgliederff
		</h1>
	
<ul>[*]<a href="alex/bilddaten/01.php" target="_self">
 [img]alex/bilddaten/01.jpg[/img]</a>[*]Alex
     [img]pfeil.gif[/img]
 

[*]<a href="alex/bilddaten/01.php" target="_self">
 [img]alex/bilddaten/01.jpg[/img]</a>[*]Alex
     [img]pfeil.gif[/img]


[*]<a href="alex/bilddaten/01.php" target="_self">
 [img]alex/bilddaten/01.jpg[/img]</a>[*]Alex
     [img]pfeil.gif[/img]
 

[*]<a href="alex/bilddaten/01.php" target="_self">
 [img]alex/bilddaten/01.jpg[/img]</a>[*]Alex
     [img]pfeil.gif[/img]

[*]<a href="alex/bilddaten/01.php" target="_self">
 [img]alex/bilddaten/01.jpg[/img]</a>[*]Alex
     [img]pfeil.gif[/img]
		[/list]</div>
</div> 
</body> 
</xhtml>
CSS:

Code:
ul
{
list-style-type: none;
border: none;
width: 75px;
padding-left: 19px;
padding-right: 19px;
float: left;
margin-right: 25px;
margin-bottom: 15px;
}
li
{
font-weight: normal;
 margin: 0px; 
 font-size: 12px; 
 font-family: arial, sans-serif; 
 color: #E3E0E0;
 float: left;
}
.mitgliederklein
{
border: solid 1px #000000;
width: 75px;
height: 100px;
}
mitgliederklein.pfeil
{
border: none;
width: 9px;
height: 9px;
}

.mitgliedergross
{ 
width: 400px;
height: 533px;
Gruss Knuddel

PS: Ulle was meinst Du mit deinem Posting?[/code]
Mit Zitat antworten
  #9 (permalink)  
Alt 30.11.2004, 01:21
Benutzerbild von netspy
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 13.08.2004
Ort: Leipzig
Beiträge: 1.953
netspy sorgt für eine eindrucksvolle Atmosphärenetspy sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von Knuddelkamel
Könnt ihr mir nochmals weiterhelfen?
Vergleich das doch einfach mal mit den Beispielen, die ich dir gepostet habe. Dort ist bspw. nirgendwo ein float im UL.

Zitat:
Zitat von Knuddelkamel
PS: Ulle was meinst Du mit deinem Posting?
Ich denke, dass er einfach von dir wissen wollte, was </xhtml> für ein (End-)Tag sein soll.

Mario
__________________
AppDev Blog · AppDev Forum
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 30.11.2004, 23:23
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.10.2004
Beiträge: 62
Knuddelkamel befindet sich auf einem aufstrebenden Ast
Standard

Hi netspy

Habe jetzt nochmals ein paar sachen geändert, aber immer wieder gescheitert, mein css ist vermutlich einfach noch zu wenig, damit ich eine vernünftige Page hinbringe, habe durch die Änderungen im css auch ein paar sachen zum negativen geändert, so zum Beispiel das Gästebuch.

Werde halt meine Fotogalierie mit einer Tabelle machen, obwohl ich eigentlich ganz auf Tabellen verzichten wollte. Ist zwar später für einen Mithelfer der Page umständlicher, aber da kann man nichts machen.

Danke für eure Hilfe

Gruss ein wenig frustrierter Knuddel
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

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 aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Menü soll sich dem content anpassen! Frosty5o CSS 4 10.11.2009 22:59
CSS-basiertes Menü fehlerhaft im IE7 otomo CSS 0 16.10.2007 17:56
CSS4YOU - Menü im Dreiblöcke-Design erscheint nicht cssdodo CSS 0 18.09.2007 14:13
CSS Menü zickt rum /IE6/IE7/FF GizmotroniX CSS 3 11.07.2007 09:14
Menü zu lang Pablo CSS 5 15.08.2004 08:55


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