CSS Div höhe an content anpassen + äüö richtig darstellen

[Philopin]

Hi,

ich bastle grade an einer Seite für meinen Verein habe das Forum und Internet durchsucht, nix gefunden:

1. Ist es möglich die Div höhe anzupassen, je nachdem wie viel text mit einem php-script rein geladen wurde (nicht scrollen) ich habe kein Hintergrundbild sondern nur eine Farbe ...

2. Ich lade z.b. eine Tabelle in einen Div und es werden die äüö nur als html code dargestellt also sowas Gegründet aber wenn ich nur normal in einen div was reinschreibe dann dann ist des kein Problem.


Gruß und Dank philopin

1. Wenn du keine weiteren Angaben machst ist ein div genauso hoch wie der content lang! Du kannst aber natürlich noch weitere Eigenschaften - wie minheight für eine Mindest-Höhe auch wenn der content kürzer ist - machen, aber so lange die Höhe nicht genau definiert ist ist sie ganz flexibel.

2. Das ist komisch, kannst du mal einen Link posten? Wenn man ä = ä und Ö = Ö etc. immer beachtet sollte es da eigentlich keine Probleme geben.

Jonas

[Philopin]

Hi,

1. Hm ja hab ich auch schon gehört aber des ist doch dann komisch dass das was verlängert wird dann nicht auch die Hintergrundfarbe hat oder nicht??


2. Hier das ist noch voll in Bearbeitung des mit den äüö siehst du unter info man sieht auch das 1 Problem.


Hier noch mein css

body {
background-color:#FFFFFF;
}

 a:link {color:#000000;}
 a:visited {color:#000000;}
 a:hover {color:#ff0000;}
 a:active {color:#000000;}
 
 a.navi:link
 {
  text-decoration:none;
  color:#000000;
 }
 a.navi:visited
 {
  text-decoration:none;
  color:#000000;
 }
 a.navi:hover
 {
  text-decoration:none;
  color:#ff0000;
 }
 a.navi:active
 {
  text-decoration:none;
  color:#000000;
 }
 
div#head {
    background-image:url(grafiken/head.png);
    width:900px;
    height:162px;
    margin:auto;
    text-align:center;
    font-family: Verdana;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
}

div#menu {
    background-image:url(grafiken/menu.png);
    width:900px;
    height:57px;
    margin:auto;
    color:#ffffff;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}

div#content {
    background-color:#3399cc;
    background-repeat:repeat-y;
    width:880px;
    font-family: Verdana;
    font-size: 12px;
    line-height: 24px;
    color: #000000;
    text-decoration: none;
    height: 800px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 20px;
}


#footer {
    background-color:#66ccff;
    height:20px;
    border-bottom-style:none;
    border-top-width: thin;
    border-top-style: solid;
    border-top-color: #000000;
    width: 900px;
    margin:auto;
    font-family: Verdana;
    font-size: 9px;
}

h1 {
    font-weight:bolder;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 24px;
    color: #000000;
    
}

philopin

[blackout]

Das sagt der Validator – und so lange der meckert kann der Fehler überall herkommen.

Mit den Umlauten gibt's bei der Seite übrigens auch keine Probleme, sie wird schließlich als ISO-8859-1 gesendet, und da sind quasi alle westeuropäischen Zeichen mit drin. Maskierungen wie ü braucht man also nicht.

Hi,

1. Die Hintergrundfarbe gilt grundsätzlich für den ganzen Div-Bereich, egal welche Ausmaße. Das background-repeat:repeat-y; in deinem Code ist demnach sinnlos, die repeat-Angaben werden nur für Hintergrundbilder verwendet, weil es dabei darauf ankommt ob es nebeneinander noch als Wallpaper passt.

2. Mmhhh ja, weiss ich jetzt auch nicht. Ich glaub das liegt am Zeichensatz. Ich nehme an die Daten kommen aus einer Datenbank, gehen durch PHP und kommen dann zum User. Das sind viele verschiedene Stellen denen du glaub ich allen UTF-8 beibringen musst. Wie du das machst weiss ich leider auch nicht.

Edit: Da war schon jemand schneller.

[Philopin]

Also mit dem Validator hab ich nur schlechte erfahrung gemacht wie auch hier sieht man, dass dieser fast ausschliesslich fehler bringt die nicht vorhanden sind. Ausserdem sind das alles fehler die keines meiner 2 probleme beeinflussen können.

Gruß Philopin

Das die Fehler deine 2 Probleme nicht beeinflussen stimmt vermutlich, aber ich konnte die ersten 10 Meldungen nachvollziehen und glaube sehrwohl dass sie vorhanden sind. Deinen Code solltest du auf jedenfall nochmal überabeiten.

[Philopin]

Hi,

also das erste stimmt doch net ich habe garkein <Html> weil das ne php datei ist und des andere stimtm auch net ... ka

1.Problem ungelöst

2. GELÖST lag aber nicht an einem vm validator ausgeespuckten code sondern daran dass ich was vergessen hatte


Gruß Philopin

?!

Du kennzeichnest deine Seite als xhtml und hast den kompletten html-Aufbau aber lässt das <html> weg weils ne PHP-Seite ist? <html> gehört einfach dazu egal ob php smarty oder sonstwas.

Naja, so sehen meine Seiten am Anfang aber auch immer aus, weil ich irgendwas vergesse, das ist normal. Wird schon noch deine Seite, das ganze ist auf jedenfall besser als eine in DW zusammengeklickte Seite.

[Philopin]

Hi,

nicht dass ich dich enttäusche aber ich habe das auch mit DW gemacht naja ^^ aber halt gecodet und nicht nur zusammen gefügt ^^

zu. Problem 1 hat keiner ne Lösung???
ich versteh das auch nicht wieso der den content einfach weitermacht aber die hintergrundfarbe net ???


Gruß Philopin

[blackout]

Zitat von Philopin

Also mit dem Validator hab ich nur schlechte erfahrung gemacht wie auch hier sieht man, dass dieser fast ausschliesslich fehler bringt die nicht vorhanden sind.

Das musste ich einfach mal wiederholen.
(Wie läuft das denn bei dir in der Schule bei Diktaten?)

[Philopin]

lol wegen der Großschreibung oder was die lass ich immer weg im netz ...
und auch die Kommas .... sind nur sporadisch.

gruß Philopin

[blackout]

Genau, du hast's erfasst. Es ging mir natürlich um die Großschreibung.

So, zu deinem Problem Nummer eins: lösch einfach bei div #content die Attribute overflow und height. Es sollte ohnehin keine Seite mehr als einen Scrollbalken für die wesentlichen Inhalte benutzen.

[Philopin]

Also du willst mich wohl auf die Schippe nehmen ^^ ich habe die Attribute overflow und height schon drinnen ^^ aber overflow macht ja nur dass entweder ne scrollbar da ist oder oder der Text versteckt wird oder einfach weiter geht ja so wies im Moment ist ist es mit ner scrollbar also overflow:auto

So ich will das aber das overflow:visible, und dass dann praktisch mein content verlängert/gestreckt wird also dynamisch, je nach Länge des Inhalts in content soll das die Höhe verändern zwar sagen alle dass wenn man das Attribut height weglässt sich das automatisch anpasst aber wenn ich das weglasse dann wird das nix, weil das dann über meinen footer div drüber schreibt aber sich der content div net verlängert.

Gruß Philopin

[saila]

wie wäre es, wenn du überhaupt keine höhe angibst?
Wenn ich dich richtig verstanden habe, brauchst du also kein visible?