zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden geänderter Reihenfolge

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.10.2012, 18:15
Benutzerbild von wandler
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.01.2006
Beiträge: 48
wandler befindet sich auf einem aufstrebenden Ast
Standard geänderter Reihenfolge

Hallo,

gibt es eine Möglichkeit, ein DIV was im Quellcode oben steht mit CSS so zu Platzieren, dass es unter ein nachfolgendes DIV im Browser angezeigt wird?
Beispiel:
HTML-Code:
<body>
<div id="box1"><p>Inhalt Oben</p></div>
<div id="box2"><p>Inhalt Unten</p></div>
</body>
Die Box2 soll also vor Box1 angezeigt werden. Die Boxen haben immer width:100% und die Höhe ist je nach Inhalt.
Der HTML-Code kann leider nicht verändert werden!

Bei Mehrspaltige Layout kann ja mit float und margin die Spalten in der Reihenfolge auch anders platziert werden.

Bin für jede Hilfe dankbar.
__________________
Coden ist keine Esoterik, also lasst uns an eurem Wissen teilhaben ihr Gurus
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.10.2012, 19:30
Benutzerbild von cebito
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 18.07.2009
Ort: Dresden
Beiträge: 688
cebito sorgt für eine eindrucksvolle Atmosphärecebito sorgt für eine eindrucksvolle Atmosphäre
Standard

Bei fester Höhe wäre das kein Problem, da die Höhe aber variabel ist wirst du um eine JS-Lösung nicht drumrumkommen. Aber auch dafür müsstest du an den Quelltext, um die js einzubinden oder direkt reinzuschreiben. Bist du dir ganz sicher, das am HTML nichts zu machen ist?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.10.2012, 20:00
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

display:table-footer-group für das erste, table-row-group für das zweite.
Mit Zitat antworten
  #4 (permalink)  
Alt 26.10.2012, 20:04
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.820
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

Sind sowohl #box1 als auch #box2 in der Höhe variabel oder nur eine von beiden?

Oh, Gedanke kam zu spät..
__________________
Über Internet Explorer 8:
Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt.
Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt.
Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt.
Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard.
Mit Zitat antworten
  #5 (permalink)  
Alt 26.10.2012, 20:26
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 30.07.2003
Beiträge: 179
Karlo wird schon bald berühmt werden
Standard

Hi,

@fricca hat schon die richtige Antwort gegeben, danke hab ich so auch noch nicht gewusst.

Hinweis: Funktioniert so aber nicht im IE < 8 ...
__________________
Gruss Karlo
Mit Zitat antworten
  #6 (permalink)  
Alt 27.10.2012, 07:40
Benutzerbild von etux
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 17.09.2007
Ort: Berlin
Beiträge: 643
etux wird schon bald berühmt werden
Standard

Alternativlösung:
Inhalt zuerst

Ist bloß eine abgespeckte Version vom Layout hier:
Demo-Layout : Inhalt zuerst, zwei gleich hohe Spalten, elastisch :: emil-webdesign.net

.
__________________
Grüße: Emil
--------------------------------------
https://emil-webdesign.net/
Mit Zitat antworten
  #7 (permalink)  
Alt 27.10.2012, 12:31
Benutzerbild von wandler
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.01.2006
Beiträge: 48
wandler befindet sich auf einem aufstrebenden Ast
Standard

Vielen Dank für eure Hilfe
Generell funktioniert das natürlich, außer dass die Eigenschaften wie width, margin, padding, border usw. für das Element dann ignoriert werden.
__________________
Coden ist keine Esoterik, also lasst uns an eurem Wissen teilhaben ihr Gurus
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
Reihenfolge von DIV Boxen ändern mkburg CSS 6 19.01.2011 18:15
Reihenfolge von <p> Objekten ändern acb1980 CSS 10 26.12.2010 14:03
Mysql: SELECT 5 neuste Datensätze, aber in umgekehrter Reihenfolge? braindead Serveradministration und serverseitige Scripte 3 19.10.2009 19:34
Reihenfolge von Tags ismx (X)HTML 12 03.09.2008 13:15
Tabs-Menu rechts ausrichten, Reihenfolge der Tab-Items? dabjoern CSS 4 31.01.2008 14:17


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