• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Problem in <div> mit width & height 100%

G

Glisp87

Neues Mitglied
Hallo zusammen

Ich bin bei meinen allerersten Gehversuchen mit <div>s und scheitere bei einem Problem, auf welches ich keine Lösung finde.

http://www.ehcfans.ch/version12-13/admin/test.php

Wieso wird mir beim obigen Link bei Angabe von width:100%; oder auch height:1000%; der <div> nicht auf die Grösse des Fensters angepasst, sondern verläuft weiter. Wo mache ich den Fehler?

Danke für die Hilfestellungen.

Gruss, Glisp
 
Diese Seite liefert folgenden Code:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/h

Wo erwartest du da, dass dir ein Div angezeigt wird? :?:

Bodil
 
Sorry, muss wohl ein Fehler beim Upload gegeben haben. Habe die Datei nun nochmals hochgeladen und nun erscheint alles korrekt, natürlich mit meinem von mir oben beschriebenen Problem.
 
Du positionierst das div absolut, daher beziehen sich die 100% auf das nächsthöhere Element, das relativ positioniert ist. Da kein solches da ist, nimmt er den body, das div wird also so groß wie dein Browserfenster.
 
Also sollte ich die jetzigen divs in ein div, welches über 100 % zu 100% relativ positioniert ist, setzen? Oder welche Lösung gibt es?
 
Es gibt gar keinen guten Grund, dort absolut zu positionieren. Du kommst ganz gut ohne position-Attribut aus. Erstelle ein wrapper div für alles unter dem header, dort hinein zwei divs für linke und rechte Spalte (float: left) und in die linke spalte eben die divs die Du dort brauchst.
(Und schmeiß um Himmels Willen die Tabelle wieder raus. Auch dort funktioniert das gleiche Prinzip.)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben