Problema Div cu continut peste footer
Coduri intrebari, probleme legate de HTML, XHTML si CSS
-
nicuzbona
- Mesaje: 5
Problema Div cu continut peste footer
Salut. am o problema cu un site. am facut headerul, meniul ( orizontal ) si footerul. La continut am o problema. Am asa:
Cod: Selectaţi tot
<div id="header> .... </div>
<div id="meniu> .... </div>
<div id="continut>
<div id="coloana_stanga">... </div>
<div id="coloana_dreapta"> ... </div>
</div>
<div id="footer">...</div>
Problema este ca atunci cand adaug continut in coloane, coloanele trec peste footer, nu se mareste in lungime "#continut" cum ar fi normal cu toate ca am " height: auto; " si la #continut si la coloane. Dar daca as adauga continut in "#continut" se mareste fara probleme lungimea. Ce sa fac ?
MarPlo
Mesaje: 4343
Salut
Daca la Div-urile pt coloane din #continut e aplicat "float" in css, dupa ele ar trebui un tag
Daca alea sunt cu "position: absolute;" e mai complicat, trebuie un script JavaScript sa calculeze si sa seteze inaltimea.
nicuzbona
Mesaje: 5
Am adaugat un clear: both; dar nu s-a intamplat minic. Practic la "continut" nu se mareste lungimea chiar daca este height auto
MarPlo
Mesaje: 4343
Daca #coloana_stanga si #coloana_dreapta au "float:left;" respectiv "float:right;", cred ca ar merge asa:
Cod: Selectaţi tot
<div id="continut>
<div id="coloana_stanga">... </div>
<div id="coloana_dreapta"> ... </div>
<br style="clear:both;" />
</div>
cadou
Mesaje: 328
ia incearca cu un min-height:100px; vezi ce rezultat ai
nicuzbona
Mesaje: 5
Gata. S-a rezolvat cu <br style="clear:both;" > Mersi mult
Subiecte similare
-
Tabel cu calorii pește şi variate
Discutii si Intrebari Diverse
Primul mesaj
<table border='1' style='background:#fefefe; text-align:center; margin:2px auto; font-size:18px' cellspacing='2' cellpadding='2'><caption...
Ultimul mesaj
<table border='1' style='background:#fefefe;text-align:center; margin:2px auto; font-size:18px' cellspacing='2' cellpadding='2'><caption...
-
Sare peste index-uri in bucla for…of in Javascript
JavaScript - jQuery - Ajax
Primul mesaj
In vechea bucla for() in JavaScript, ca sa sar peste index-uri faceam asa:
for (let i=0; i<bla.length; i+=2){
//...
}
Astfel, pentru...
Ultimul mesaj
Poti sa adaugi o conditie if() in bucla for…of, ca in urmatorul exemplu (indexul initial e pastrat).
for (const of bla.entries()) {
if (!(i %...
-
Afisare cu animatie continut adaugat cu JavaScript
JavaScript - jQuery - Ajax
Primul mesaj
Ideea pe care vreau sa o fac e că la clic pe un buton, conținutul vechi e înlocuit cu nou conținut HTML adăugat cu javascript.
Vreau ca noul...
Ultimul mesaj
Pentru a declanșa o tranziție CSS, modifica starea CSS după ce ai introdus codul HTML. Poți face asta schimbând o clasă (la container sau la un...
-
Problema instalare Anime.JS
JavaScript - jQuery - Ajax
Primul mesaj
Salutare!
1. 6 decembrie 2020, 23.15 - download Anime.JS
2. Putin mai devreme, am incercat sa downloadez acest concept bazat pe JavaScript.
3....
Ultimul mesaj
Nu am inteles care e concret problema pe care o ai cu scriptul anime.js.
-
O mica problema de animatie CSS
HTML - XHTML - CSS
Primul mesaj
Noroc, MarPlo!
1. Am vizitat pe twitter un site de animatie, in care website-ul actual se numeste CSS-Challenges,com. In respectivul website, sunt...
Ultimul mesaj
1. Multumesc pentru raspuns.
2. Am inteles raspunsul tau: este un mic examen oferit voluntarilor online, pentru a le afla capacitatile de rezolvare...
-
Problema curs de Engleza
Sesizari Erori si Greseli
Primul mesaj
Buna.
Am descarcat cursul curs_eurocor-engleza_incepatori_1-16.rar si cand vreau sa-l dezarhivez imi da eroarea asta:
An error occures whilw...
Ultimul mesaj
Buna,
Poti sa descarci cursul de engleza, nivel intermediar, de la urmatoarele linkuri:
- Lectiile 1-16...