73%
22%
19%
11%
6%
Donnerstag, 25. August 2005, 19:07
parent div soll sich automatisch vergrößern
hi leute,
hab wieder mal ein bisschen mit css herumgespielt und leider ein kleines problem dabei bekommen.
im internet explorer und im opera macht die seite momentan noch genau was ich will. Wink
nur der mozilla firefox ist noch ein wenig widerspenstig.
es geht um folgende seite:
mein problem ist, dass sich das div#cmain nicht vergrößert sobald das innere div#cmaintext größer ist als es selbst und somit die schrift, bzw. der footer ins leere gehen.
wie erreiche ich, dass sich das div automatisch anpasst, bzw. kann ich das überhaupt erreichen?
die css datei:
datei zu erreichen unter:
http://jperl.myspace.ath.cx/probe
wäre nett wenn ihr mir etwas helfen könntet.
jperl
hab wieder mal ein bisschen mit css herumgespielt und leider ein kleines problem dabei bekommen.
im internet explorer und im opera macht die seite momentan noch genau was ich will. Wink
nur der mozilla firefox ist noch ein wenig widerspenstig.
es geht um folgende seite:
|
Quellcode |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
<div id="cbanner"></div>
<div id="cnavih">
<ul id="navlisth">
<li><a href="#">Home</a></li>
<li><a href="#">Produkte</a></li>
<li><a href="#">Referenzen</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Impressum</a></li>
</ul>
</div>
<div id="cmain">
<div id="cnaviv">
<a class="title_navlistv">Produkte</a>
<ul class="navlistv">
<li><a href="#">Standard-Pakete klein</a></li>
<li><a href="#">Standard-Pakete mittel</a></li>
<li><a href="#">Standard-Pakete groß</a></li>
<li><a href="#">Individual-Paket</a></li>
</ul>
<br /><br />
<a class="title_navlistv">Infos</a>
<ul class="navlistv">
<li><a href="#">Login</a></li>
<li><a href="#">Häufig gestellte Fragen</a></li>
<li><a href="#">Unsere Vorteile</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Referenzen</a></li>
<li><a href="#">AGB</a></li>
<li><a href="#">Impressum</a></li>
</ul>
</div>
<div id="cmaintext">
</div>
</div>
<div id="ccopyright">
© 2005 | Alle Rechte vorbehalten | <a href="#" onclick="window.open('agb.htm', '','toolbar=no,status=no,menubar=no,width=500,height=500')">AGB</a>
</div>
|
mein problem ist, dass sich das div#cmain nicht vergrößert sobald das innere div#cmaintext größer ist als es selbst und somit die schrift, bzw. der footer ins leere gehen.
wie erreiche ich, dass sich das div automatisch anpasst, bzw. kann ich das überhaupt erreichen?
die css datei:
|
|
Quellcode |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 |
div#cmain
{
background-color: #336699;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
min-height: 440px;
padding: 0px;
text-align: left;
width: 795px;
}
div#cnaviv
{
float: left;
height: 420px;
margin-bottom: 15px;
margin-left: 10px;
margin-right: 10px;
margin-top: 15px;
width: 170px;
}
div#cmaintext
{
float: left;
font-size: 12px;
height: auto;
min-height: 420px;
margin: 0px;
padding-bottom: 15px;
padding-left: 10px;
padding-right: 10px;
padding-top: 15px;
width: 585px;
}
div#ccopyright
{
background-color: #000022;
clear: left;
font-size: 11px;
height: 15px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
padding-bottom: 1px;
padding-top: 1px;
width: 795px;
}
|
datei zu erreichen unter:
http://jperl.myspace.ath.cx/probe
wäre nett wenn ihr mir etwas helfen könntet.
jperl
Konfuzius [chinesischer Philosoph (551 - 479 v. Chr.)]
Das Entscheidende am Wissen ist, daß man es beherzigt und anwendet.
Das Entscheidende am Wissen ist, daß man es beherzigt und anwendet.
Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »jperl« (30. August 2005, 12:13)
Donnerstag, 25. August 2005, 20:03
Hi
Die Lösung des Problems ist einfach
Was auch gut ist, um Differenzen zwischen den Browsern auszugleichen, wäre einen <!DOCTYPE anzugeben.
Mfg Fab
PS: Gut, dass du deine Page mit CSS machst und nicht mit unnötigen Tabellen)
Die Lösung des Problems ist einfach
|
|
Quellcode |
1 2 3 4 |
<br style="clear: left;"> <!-- hier muss ein clear hin -->
<div id="ccopyright">
© 2005 | Alle Rechte vorbehalten | <a onclick="window.open('agb.htm', '','toolbar=no,status=no,menubar=no,width=500,height=500')">AGB</a>
</div>
|
Was auch gut ist, um Differenzen zwischen den Browsern auszugleichen, wäre einen <!DOCTYPE anzugeben.
Mfg Fab
PS: Gut, dass du deine Page mit CSS machst und nicht mit unnötigen Tabellen
)
-->Vokaline - schneller und effizienter Wörter lernen<-- (kostenlos!)
Freitag, 26. August 2005, 17:35
Hi
Ja, mein Fehler
Das war an der falschen Stelle. Es muss natürlich noch vor dem End-Tag vom cmain-div kommen.
Mfg Fab
Ja, mein Fehler
|
|
Quellcode |
1 2 3 4 5 |
</div> <br style="clear: left;"> </div> <div id="ccopyright"> |
Das war an der falschen Stelle. Es muss natürlich noch vor dem End-Tag vom cmain-div kommen.
Mfg Fab
-->Vokaline - schneller und effizienter Wörter lernen<-- (kostenlos!)
Samstag, 27. August 2005, 09:37
Hi
Ich weiss es nicht genau, aber ich denke, dass der FireFox den End-Tag auch noch zum float nimmt und dann halt irgendwie eine Lücke produziert.
Da müsstest du Gaby fragen, wenn sie wieder einmal sich hier hin verirrt.
Mfg Fab
Ich weiss es nicht genau, aber ich denke, dass der FireFox den End-Tag auch noch zum float nimmt und dann halt irgendwie eine Lücke produziert.
Da müsstest du Gaby fragen, wenn sie wieder einmal sich hier hin verirrt.
Mfg Fab
-->Vokaline - schneller und effizienter Wörter lernen<-- (kostenlos!)
Dienstag, 30. August 2005, 12:16
Zitat
Original von gaby*
Tja, ich würde ja mal schauen, aber der Link funktioniert mittlerweile nicht mehr.
Ich würde es sowieso besser finden, wenn alle, die hier einen Link posten, diese URLs so lassen, sodaß andere das Problem nachvollziehen können. *wink wink*. :-D
Grüße
gaby
würd ich auch besser finden.
war mein fehler. hatte die seite umbenannt.
jetzt kannst aber mal schauen.
jperl
Konfuzius [chinesischer Philosoph (551 - 479 v. Chr.)]
Das Entscheidende am Wissen ist, daß man es beherzigt und anwendet.
Das Entscheidende am Wissen ist, daß man es beherzigt und anwendet.
Mittwoch, 31. August 2005, 22:02
So, endlich bin ich wieder online.
Mein Sch....- Provider hatte fast die ganze letzte Nacht Probleme. :-((
Man soll halt nicht den Billigsten nehmen. *g*
Ich habe hier einen alten Beitrag gefunden:
http://www.webmasterwork.com/forum/searc…hid=199921&sid=
Falls das Verlinken jetzt wieder nicht funktioniert, google mal nach
"Textluß Außen-box umschließt".
Ich hatte auch irgendwann eine Demo zu diesem Thema gemacht; hab sie aber leider in den Tiefen meines PCs verschlampt und da ich nicht mehr weiß, wie sie heißt ......
BTW.
Hast du dir deine Site mal mit Mozilla betrachtet?
Vielleicht auch mal die Schrift vergrößert? ....... *g*
Grüße
gaby
Mein Sch....- Provider hatte fast die ganze letzte Nacht Probleme. :-((
Man soll halt nicht den Billigsten nehmen. *g*
Original von jperl
kannst du mir auch erklären warum das im firefox so interpretiert wird?
jperl
Ich habe hier einen alten Beitrag gefunden:
http://www.webmasterwork.com/forum/searc…hid=199921&sid=
Falls das Verlinken jetzt wieder nicht funktioniert, google mal nach
"Textluß Außen-box umschließt".
Ich hatte auch irgendwann eine Demo zu diesem Thema gemacht; hab sie aber leider in den Tiefen meines PCs verschlampt und da ich nicht mehr weiß, wie sie heißt ......
BTW.
Hast du dir deine Site mal mit Mozilla betrachtet?
Vielleicht auch mal die Schrift vergrößert? ....... *g*
Grüße
gaby