zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Felder Anordnung Problem

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 19.11.2006, 17:40
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.11.2006
Beiträge: 32
radon befindet sich auf einem aufstrebenden Ast
Standard Felder Anordnung Problem

Scheinbar habe ich nicht genügend klar fomuliert:

meine site sollte eine einfache Stuktur haben:

- drei "Spalten"
- 1 "Spalte": 3 Zeilen
- 2 "Spalte": 1 Zeile
- 3 "Spalte": 1 Zeile


Ich habe das schon oft gemacht. Kein Problem.
Der Unterschied ist jetzt jedoch, dass die zweite Zeile in der ersten Spalte scrollt d.h. ein <ul> Container ist.
Es gelingt mir nicht die 3 Spalte oben auszurichten ohne dass das Scrollfeld verzogen wird.
Clear habe ich versucht...
Danke

HTML:
Code:
<div id="titelfeld">  
  <h1>Resultate</h1>
</div>

<ul id="resultatecontainer">  <!--mit Scroller, -->
  <li><a href="resultat1.htm">Resultat 1</a></li>
  <li><a href="resultat1.htm">Resultat 2</a></li>
  <li><a href="resultat1.htm">Resultat 3</a></li>
  <li><a href="resultat1.htm">Resultat 4</a></li>
  <li><a href="resultat1.htm">Resultat 5</a></li>
</ul>
</div>
<div id="feldunterresultate">  
  <h1>hier</h1>
  <h2>Kommentare<h2>
</div>
<div id="rechtesfeld">
  <p>hier rechtes feld </p>
</div>
<div id="mittleresfeld">
  <p>hier</p>
</div>
und das CSS:
Code:
body, p a {
    color: black; background-color: white;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 1em 0;
    text-align: center;  /* Zentrierung im IE */
  }
  div#page {
    text-align: left;    				
    margin: 0 auto;      				
    width: 900px;
    padding: 0;
    border: 0px;
  }
 
  ul#resultatecontainer { 			
    overflow:auto; 					/*scroller*/
	height: 200px;
	width: 18em;	
	float: left; width: 14em;
	margin: 0 0 1.3em; padding: 0em;		
	clear: both;
	border-bottom: 10px solid #E4E2EE;
  } 
  div#feldunterresultate { 						
	float: left; width: 14em;
	clear: both;
  } 
    

  div#rechtesfeld {
	float: right; width: 120px;

  }

  div#mittleresfeld {
    margin: 0 12em 1em 15em;
    padding: 0 1em;
    border: 1px solid #E4E2EE;
  }
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 19.11.2006, 19:11
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.11.2006
Beiträge: 32
radon befindet sich auf einem aufstrebenden Ast
Standard Verschachtelt

Ich habe das Problem sehr unschön mit verschachteln gelöst d.h. ich habe die 3 <div>'s in der ersten Spalte eine Über - <div> gelegt und die dritte Spalte nach dem </div> angeordnet.
Wie gesagt nicht sehr schön aber vielleicht hat ja jmd eine bessere Lösung.
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
Problem mit WordPress und dem Bilder Upload Maxefix Serveradministration und serverseitige Scripte 0 19.12.2006 15:58
Problem mit CSS Ausklappmenü: Im Untermenü wird der Platz nicht genutzt braindead CSS 6 20.09.2006 23:45
Problem bei Div's - zwei mal das gleiche und doch nicht ... Niriel CSS 10 09.06.2005 18:39
Problem mit einem CSS Layout nARC CSS 20 21.05.2005 07:28
Problem mit Buttons / Hintergrund - Felder verschieben!? Hisky CSS 3 10.05.2005 21:42


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