tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
1
ZUGRIFFE
725
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 28.03.10 20:24 #1
    BuZZ-T BuZZ-T ist offline Mitglied
    Registriert seit
    Jul 2005
    Beiträge
    11
    Hey,

    ich versuche gerade ein Layout welches vorher auf einer Tabelle basiert hat in div Boxen mit CSS umzugestalten.

    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>	</title>
	</head>
	
    <body>
        <div style="width:1000px; height:164px; border:1px solid #000000; background-image: url(./Geschlossen1_1x1.gif);">
            Banner
        </div>
        <div style="width:1000px; height:23px; background-image: url(./Geschlossen1_2x1.gif); border: 1px solid #000000;">HMenu</div>
        
       
            
            <div style="width:221px; float:left;">
                <div style="width:221px; background-image: url(./Geschlossen1_3x1.gif);">
                    VMenu<br>Home<br>News<br>Links<br>Impressum
                </div>
                <div style="width:221px; height:189px; background-image: url(./Geschlossen1_4x1.gif);">
                </div>
                <div style="width:221px; height:195px; background-image: url(./Geschlossen1_5x1.gif); border:1px solid #ff0000;">
                </div>
            </div>
            
            <div style="width:745px; float:left; ">
                <div style="width:745px; background-image: url(./Geschlossen1_3x2.gif);">
                    asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>
                    asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>
                    asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>
                    asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>asdasd<br>
                </div>
            </div>
            
            <div style="width:34px; height:548px; background-image: url(./Geschlossen1_3x3.gif); float:left; border:1px solid #ff0000;">
            </div>
        </div>
        
        <div style="width:1000px; height:55px; background-image: url(./Geschlossen1_6x1.gif); clear:left;">
        </div>
    </body>
</html>
    Höhe von DIV an Höhe des Nebenanliegenden anpassen-css_layout.png

    Kann man die Rot umrandeten DIV automatisch an die Höhe des "Content" DIV anpassen?

    Wenn das nicht geht, wie könnte man das umgestalten um den gewünschten Effekt zu erreichen?

    MfG BuZZ-T
     
    Zitieren Zitieren
  2. 28.03.10 20:28 #2
    Maik Tutorials.de Gastzugang
    Hi,

    in dem Artikel AnyColumnLongest werden diverse Techniken vorgestellt, mit denen sich die Höhen der Spaltenblöcke optisch automatisch angleichen lassen.

    Deine festen Höhenangaben sind für dein Vorhaben aber mehr als hinderlich.

    mfg Maik
     
    Zitieren Zitieren
« Website wird unterschiedlich angezeigt! | Div mittig ohne Abschnitt bei kleinen Bildschirmen? »

Ähnliche Themen

  1. Höhe anpassen.
    Von o3rn im Forum CSS
    Antworten: 2
    Letzter Beitrag: 14.10.09, 21:39
  2. Höhe des Menüs an Höhe des Contents anpassen
    Von Impega im Forum CSS
    Antworten: 1
    Letzter Beitrag: 28.04.08, 12:14
  3. Div Höhe automatisch anpassen (100%)
    Von spacefrog im Forum CSS
    Antworten: 10
    Letzter Beitrag: 07.12.07, 13:43
  4. Div-Höhe an Content anpassen
    Von Metha im Forum CSS
    Antworten: 5
    Letzter Beitrag: 22.02.06, 20:00
  5. DIV Höhe anpassen
    Von NRGyzer im Forum CSS
    Antworten: 4
    Letzter Beitrag: 29.12.04, 02:42