zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden flexibles Div soll Div mit fester Breite links umfliessen?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 22.09.2006, 14:43
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 24.09.2003
Beiträge: 243
braindead befindet sich auf einem aufstrebenden Ast
Standard flexibles Div soll Div mit fester Breite links umfliessen?

Hallo, gibt es eine Möglichkeit zwei Div Blöcke so nebeneinander zu plazieren, das das erste also das linke Div flexibel ist in der breite und das rechte Div eine feste breite besitzt WENN, und das macht mir Probleme in der Umsetzung, ich das linke Div um das rechte fließen lassen möchte?
Ok mit float: right für das rechte Div wäre das kein Problem, aber leider befinden sich in meinem linken Div die wichtigen Informationen und Seiteninhalte während das rechte div nur für unwichtige Dinge genutzt wird.
Wenn das das ganze also mit float:right für das rechte Div gemacht wird, dann muss dieses im Quellcode über dem wichtigeren linken Div, notiert werden.
Die negativen Folgen sind:
1. der W3C Validator, listet, wenn er ein Outline der Seite erstellt, die unwichtigen Überschriften des rechten Divs über den wichtigen Überschriften, des linken Divs auf
2. das selbe Problem besteht beim aufruf der Seite über Textbrowser und bei deaktivietem CSS.

Mir ist, bei dem versuch das Ganze mit einem float:left für das linke Div zu lösen, aufgefallen das sich das rechte Div (das mit der festen breite) nicht rechts neben das linke Div plazieren will, sobald ich aber die feste breite entferne funktioniert es.

Ich brauchte also einen Rat wie ich diesen Problemkomplex lösen kann, falls es nicht so möglich ist wie ich es gerne hätte.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 22.09.2006, 23:32
Benutzerbild von Lloyd Larkin
Don Quijote
XHTMLforum-Mitglied
 
Registriert seit: 19.11.2005
Ort: Wien
Beiträge: 733
Lloyd Larkin befindet sich auf einem aufstrebenden Ast
Standard

Also wenn ich das richtig verstanden habe möchtest du den Text von #links um #rechts fliessen lassen? Also links und unten.
Hm.. würde #rechts absolut in #links positionieren.

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css"> 
 #links {
  border: 1px solid red;
  position: relative;
 }
 
 #rechts {
  border: 1px solid green;
  position: absolute;
  top: 0; right: 0;
 } 
</style>
</head>
<body>
<div id="links">
 <h1>Wichtiger Text zuerst</h1>
 
 <div id="rechts">
  <p>Additional Text</p>
 </div>
</div>
</body>
</html>
__________________
The only thing to do with good advice is pass it on. It is never any use to oneself. - Oscar Wilde -
#me { position: absolute; }
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 23.09.2006, 11:32
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 24.09.2003
Beiträge: 243
braindead befindet sich auf einem aufstrebenden Ast
Standard

würde in diesem Fall der Text des linken Divs, nicht "unter" dem rechten Div weitergehen, also von dem rechten Div überdeckt werden?
Durch die Absolute Positionierung wird das rechte Div ja aus dem Textfluss entfernt.
Mit Zitat antworten
  #4 (permalink)  
Alt 23.09.2006, 12:58
Benutzerbild von Lloyd Larkin
Don Quijote
XHTMLforum-Mitglied
 
Registriert seit: 19.11.2005
Ort: Wien
Beiträge: 733
Lloyd Larkin befindet sich auf einem aufstrebenden Ast
Standard

Oje, doch würde er
__________________
The only thing to do with good advice is pass it on. It is never any use to oneself. - Oscar Wilde -
#me { position: absolute; }
Mit Zitat antworten
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
Bräuchte Hilfestellung weil meine Seite nicht richtig angezeigt wird. Picasso CSS 36 03.01.2011 19:41
Holy Grail und der Internet Explorer! ONeill CSS 23 01.06.2006 18:20
Div 100% hoch dynamische Breite zentrieren TheBigfoot CSS 4 10.12.2004 13:27
Zwei Divs nebeneinander Floaten, einer mit fester Breite Phil CSS 0 20.07.2004 19:48
1 div links, 2 div's untereinander daneben jensr CSS 9 30.06.2004 23:41


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