zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden ich bräuchte bitte Hilfe zwei Div nebeneinander

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 10.02.2014, 21:58
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.02.2014
Beiträge: 3
TankerTom befindet sich auf einem aufstrebenden Ast
Standard ich bräuchte bitte Hilfe zwei Div nebeneinander

Hallo,
ich möchte zwei divs nebeneinander positionieren. Bis hier ist es kein Problem.
Das Linke <div> ist ein Hover div, was auf der gesamten Seite über aufrufbar sein soll. Das recht <div> ist dynamisch in der Höhe. Wie kann ich es ereichen das das Linke <div> sich der Höhe des rechten Div anpasst. Ich habe einige Versuche mit Faux Columns gemacht, was mich nicht ans Ziel gebracht hat, da der Body schon eine Grafik mitbringt und dadurch das gesamte Konstrukt nicht mehr stimmt bzw. nicht mehr funktioniert


Ich hoffe ich habe mich verständlich ausgedrückt. Was muss ich ändern damit es klappt?

TankerTom

Geändert von TankerTom (11.02.2014 um 09:23 Uhr) Grund: Rechtschreibung
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 10.02.2014, 22:16
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

25 Zeilen einfachstes HTML und schon etliche Fehler drin.
--> Result for http://tb-home.eu/Coop/care/Wetter/test.html

Da kann man nur sagen, beschäftige dich mit den Grundlagen, bevor du komplizierte Dinge in Angriff nimmst.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 10.02.2014, 22:34
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.02.2014
Beiträge: 3
TankerTom befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von explanator Beitrag anzeigen
25 Zeilen einfachstes HTML und schon etliche Fehler drin.
--> Result for http://tb-home.eu/Coop/care/Wetter/test.html

Da kann man nur sagen, beschäftige dich mit den Grundlagen, bevor du komplizierte Dinge in Angriff nimmst.
Wenn das ein ausschlaggebendes Kriterium ist mir ein vernünftige Antwort zu geben, habe ich es mal gerichtet, da die Seite nur als Symbolische Darstellung gedacht war und auch ist. Mit HTML kenne ich mich schon aus


VG Tanker Tom
Mit Zitat antworten
  #4 (permalink)  
Alt 10.02.2014, 23:09
Neuer Benutzer
neuer user
 
Registriert seit: 06.02.2014
Ort: noch in DE-Mannheim
Beiträge: 13
DerUser befindet sich auf einem aufstrebenden Ast
Standard

ja ist es!
Denn valider quellcode ist das A und O...

Geändert von DerUser (10.02.2014 um 23:51 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 11.02.2014, 00:25
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Ich habe deinen Code mal grösstenteils so gelassen, nur ein wrapper ist hinzugekommen und das div zum clearen ist raus, da nicht notwendig.:

HTML-Code:
<!DOCTYPE HTML>
<html lang="de">
  <head>
  <meta charset="UTF-8">
  <title>test</title>        
  <meta http-equiv="X-UA-Compatible" content="edge">
  <style>
    body {margin: 0px; font: 14px/1.1em Arial; }
    #wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;  
        -webkit-flex-flow: row wrap;
        font-weight: bold;
    }
    .wrapper > * {
        padding: 10px;
        flex: 1 100%;
    }
    .hvl {min-width: 250px; background-color:#d3d3d3; }
    .neu {margin-left:10px; width: calc(100% - 260px); background-color:#e0e1ff;}
  </style>
  </head>
  <body>
    <h2>Test</h2>
  <div id="wrapper">
      <div class="hvl">  linke DIV = Hover
         <div class="over">
            <p>iframe kommt spaeter</p>
          </div>
      </div>
       <div class="neu">
            das wird der dynam.DIV
            <p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
            <p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
            <p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
            <p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
            <p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
    
            <p>Na, das d&uuml;rfte reichen </p>
       </div>
  </div>
  </body>
</html>
Gibt aber noch viel mehr Möglichkeiten, so was umzusetzen.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
  #6 (permalink)  
Alt 11.02.2014, 09:25
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.02.2014
Beiträge: 3
TankerTom befindet sich auf einem aufstrebenden Ast
Standard

Danke explanator das hat schon ausgereicht. Es funktioniert.

TT
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
DIVS nebeneinander -> border-bottom läuft in anderes DIV, Text aber nicht. plegox CSS 2 24.05.2011 16:57
Div Tags nebeneinander ToBe4minimal CSS 10 16.05.2011 22:20
Zwei div container nebeneinander? hattori_hanzo CSS 2 08.03.2011 18:27
Sitecheck:Bitte Hilfe bei IE Fehlern Bubbleman Site- und Layoutcheck 10 22.10.2007 22:43
flexibles Div soll Div mit fester Breite links umfliessen? braindead CSS 3 23.09.2006 13:58


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