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:
<div style="clear:both"></div>
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!