Webdesign. Höhe an Content anpassen

Website: www.bodybuilding-experience.com

Ich möchte die Höhe meines divs :main

an die Höhe meiner Texte anpassen.
kann mir wer erklären wie das geht, bitte.
die Erklärungen aus dem www versteh ich nicht.

also ich hab mir das mal angeschaut. Laut W3C ist kein konformes XHTML programmiert.

Kannst Du selbst testen…http://validator.w3.org/

weiterhin ist das CSS auch miserabel siehe http://jigsaw.w3.org/css-validator/

der größte Fehler ist jedoch das Du das DIV #main nicht definiert hast, sondern nur die Links in dem DIV. Sowie im Head bei CSS zwar Klammern vorhanden sind aber nicht für was die stehen. Es kommt dort sogar zum Einlesefehler beim Test.

Beispiel:
/*Schriften*/
h1,h2,h3,h4{
margin-top:5px;
margin-bottom: 10px;
}
#main{
width: 100%;
min-height: 20px;/* Macht das DIV mind. 20px hoch */
/*keine Angabe der Höhe wird die Höhe automatisch angepasst*/
}
#main a, p{
font-size: 10px; /*Schrift und Links im DIV Main*/
}

Ich würde Dir raten ein Buch zu kaufen, was zumindest CSS und (X)HTML erklärt. Es gibt im Internet eine Seite wo komplette Designs angeboten werden, teilweise auch umsonst. Definiere zumindest alle Deine Bereiche (DIV) im CSS.

http://de.selfhtml.org/css/layouts/ wäre eine Adresse die Dir dazu viel helfen kann.

Ich hoffe ich konnte Dir etwas helfen.

MfG

Hallo,

bitte erkläre einmal, was du genau meinst. Ich habe mir die Homepage angeschaut und mir ist dein Ziel nicht ganz klar.

Danke

hallo und servus,
höhenangaben sind immer problematisch und unsicher.

lass den inhalt (content) die seite außen - den wrapper mitaufziehen.

gib deinem div:

#wrapper #main {

background-image:url(‚mitdemhellencontent.png‘);
background-repeat:repeat-y;

ein bild rein (1px hoch) lass es nach unten kacheln.

also border, dunkles grün, border, heller content border usw.

der abschluss der gesamtseite ist wieder ein bild - mit den bordern des contents und dem abstand - dunkles grün und wieder border.

brauchst noch eine mindesthöhe, da ev. die inhalte des content noch fehlen:

min-height:500px;
height:auto !important;
height:500px;

so wie hier etwa:
http://www.alexabrauner.at/

damit du das abschlussbild siehst, wie ich das gemeint hab:
http://www.alexabrauner.at/_pix/bg_footer01.gif

wünsche dir das beste und gutes gelingen.
lg
bab

Hi
kann dir nur sagen schaue mal HIER :http://www.ohne-css.gehts-gar.net/0025.php

Da sind die Erklärungen für jeden sehr verständlich beschrieben, viel Erfolg!

Mahlzeit!

Das Stichwort hierzu lautet „faux colums“ und wird in zahlreichen Publikationen beschrieben.
Da ist mit Sicherheit auch für Sie eine passende Erklärung dabei.

Versuchen Sie mal: http://www.alistapart.com/articles/fauxcolumns/
Ein exzellenter Artikel, der sich auch mit Crossbrowser-Kompatibilität auseinandersetzt.

Ein deutscher Artikel mit prinzipiell gleichem Ansatz findet sich z.B. hier: http://webdesign-passau.com/wordpress/faux-columns-t…

Herzliche Grüße,
Martin Reithmayer

unter die beiden inneren divs ein:

und natürlich die feste höhe von main rausnehmen

Danke. Es hat perfekt geklappt ohne große arbeit. ich bin dir sehr dankbar. Eindeutig eine sehr gute Antwort und danke auch den Anderen für ihre Mühe & die auch guten Antworten. Konnte viel drauß lernen!