Kodavimas - pagalbos

Gruodžio 2, 2008

Sveiki, reiktu truputi jusu pagalbos, koduoju sau praktikai dizaina ir iskilo viena problema. Tarkim yra divas, kuriame yra tekstas. Tekstas neuzpildo viso ploto, taigi lieka tarpas iki narsykles apacios. Kaip reiketu padaryti, kad jei tekstas nezupildo viso divo, bet tas divas testusi iki pat narsykles pacios. Stai papaisiau eskiza:

http://www.part.lt/img/thumb/a3a4aa1e25de837d3d1dfdcf7cd1670c457.jpg

Is karto dekoju uz atsakymus.

Redagavo Gruodžio 2, 2008 irmant

Gruodžio 2, 2008

Dėk height: 100%;

Tik, jei nori nuo pat viršaus iki pat apačios, tai dar ant body elemento turėsi uždėt margin: 0;

Gruodžio 3, 2008

Na pabandziau panaudoti tavo patarima, bet kad ir panaudoju height:100%; bet nieko nereguoja, sakykim toks yra index failas:

<!DOCTYPE html PUBLIC \\\\\\\\\\\\\\\"-//W3C//DTD XHTML 1.0 Strict//EN\\\\\\\\\\\\\\\" \\\\\\\\\\\\\\\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\\\\\\\\\\\\\\\">
<html xmlns=\\\\\\\\\\\\\\\"http://www.w3.org/1999/xhtml\\\\\\\\\\\\\\\">
<head>
<meta http-equiv=\\\\\\\\\\\\\\\"Content-Type\\\\\\\\\\\\\\\" content=\\\\\\\\\\\\\\\"text/html; charset=utf-8\\\\\\\\\\\\\\\" />
<title>tekstas</title>
<link href=\\\\\\\\\\\\\\\"style.css\\\\\\\\\\\\\\\" rel=\\\\\\\\\\\\\\\"stylesheet\\\\\\\\\\\\\\\" type=\\\\\\\\\\\\\\\"text/css\\\\\\\\\\\\\\\" />
</head>
<div id=\\\\\\\\\\\\\\\"lenta\\\\\\\\\\\\\\\">fsdfsdfsfsdfdsfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdf</div>
</body>
</html>

o cia css failas:

@charset \\\\\\\"utf-8\\\\\\\";
html {
 height: 100%;
 margin-bottom: 0px;
}
img,table {
border: none;
}

body {
background-color:#000000;
font-family:Tahoma;
margin: 0;
padding: 0;
font-size: 11px;
color: #00a8c2;
}
#lenta{
background-color:#00FF00;
width:300px;
height:100%;
margin: 0 auto;
font-family:Tahoma;
font-size:12px;
text-align:center;
}

Na o stai cia variantas kuri gauname:

http://www.part.lt/img/thumb/9dee53efaac02207a24ff1d8e061158a752.jpg

Gal kas padetumete ispresti cia problema?

Gruodžio 3, 2008

min-height:300px;

Tik ie6 nerodys, bet kam tai rupi :)

Gruodžio 3, 2008

Gal kas padetumete ispresti cia problema?

Lengviausias, bet prasčiausias sprendimo būdas - pašalinti doctype. Tada veikia. Bet nevalidus. Ir šiaip nieko gero be doctype.

Įdomu vis dėl to, ar įmanoma padaryt tokį dalyką, kad išliktų validus XHTML 1.0 strict'ui.

min-height:300px;
Tik ie6 nerodys, bet kam tai rupi :)

IE6 vis dar labai nemažai žmonių naudoja, tad nereikėtų ant jų visų spjauti.

Ir dar priklauso nuo monitoriaus rezoliucijos ir naršyklės išdidinimo/sumažinimo koks tas min-height turėtų būti, negali iš anksto jo nustatyti.

Be to vis tiek nevalidu... :)

Gruodžio 3, 2008

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

Geriausia naudoti toki, jei nori taisyklingo css atvaizdavimo.

Beto, gali naudoti height:300px;

o jei bus daugiau teksto narsykle vistiek diva istemps :)

T-Mix:Ir dar priklauso nuo monitoriaus rezoliucijos ir naršyklės išdidinimo/sumažinimo koks tas min-height turėtų būti, negali iš anksto jo nustatyti.

O tu pabandyk :)

Redagavo Gruodžio 3, 2008 tomukasas

Gruodžio 3, 2008

O tu pabandyk :)

Pabandžiau. Ir nutiko lygiai taip, kaip ir tikėjausi. div'as (kuriame yra nedaug teksto) išsitempė iki mano nustatyto dydžio. Bet ne per visą ekraną, kaip prašė temos autorius.

O kokį dydį nustatyti, kad išsitemptų per visą ekraną?

Esant 1280x1024 rezoliucijai naršant su Firefox vietos, kurią užima atvaizduojamas puslapis, aukštis apytiksliai yra 864 pikseliai, tačiau esant didesnei/mažesnei rezoliucijai ar tai kitokiai naršyklei šis aukštis bus kitoks.

Nustatysi per didelį - atsiras nepageidaujamas scrool'as. Per mažą - nedasieks ekrano apačios. :)

Gruodžio 3, 2008

ant stricto:

background:#f2f2f2; min-height:100%; position:absolute;

Tada rezoliucijos atžvilgiu padarys div'o aukstį kaip minimumą, jeigu jį ikelsi į žemiau esantį div'ą tai gausis 100% + viskas kas aukščiau.

O kaip dėl IE6 spjauti ant naudotojų tikrai nereikia ir jų yra gan nemažai.

Redagavo Gruodžio 3, 2008 Valuediz

Gruodžio 3, 2008

ant stricto:
background:#f2f2f2; min-height:100%; position:absolute;
Tada rezoliucijos atžvilgiu padarys div\\\'o aukstį kaip minimumą, jeigu jį ikelsi į žemiau esantį div\\\'ą tai gausis 100% + viskas kas aukščiau.

O kaip dėl IE6 spjauti ant naudotojų tikrai nereikia ir jų yra gan nemažai.

Tavo pasiulytas variantas veikia, bet yra dar viena problema sakykim kai parasau tavo pasiulyta koda, tas divas kitus divus istumia is esamu poziciju, viskas yra del position:absolute;. Kai isemu si koda position:absolute;, tada viskas su divo vieta yra gerai, taciau vel jis nebesitesia iki pat ekrano pabaigos.

Gruodžio 3, 2008

Dėk į vidų :) arba užmesk ir kitiems absolute;

Gruodžio 3, 2008

Tokiu atveju padaryciau headeri ir footeri 1px tokios pat spalvos ir turetu padeti :)

body { background: #000; height:100%; min-height:100%; height:auto !important; margin:0 auto; }

#divas { background: #666; width:500px; margin:0 auto -1px; }

#header { background: #666; height:1px; width:500px; }

#footer { background: #666; height:1px; width:500px; }

</style>

<body>

</div>

</body>

Negarantuoju, bet vertetu pabandyt, neturiu dabar priejimo prie kokio nors redaktoriaus :)

Gruodžio 3, 2008

Labai visiems dekoju, kad padejote, pasidariau ko reikejo, dar vienas klausimas, sakykim tikrinu validuma per http://validator.w3.org/ ir ismeta viena klaida:

Line 29, Column 33: there is no attribute \\\"target\\\".

<a href=\\\"http://svetaine.lt\\\" target=\\\"_blank\\\"><img src=\\\"http://svetaine.lt/reklama

Kaip sitokia klaida reiktu pataisyti?

Gruodžio 3, 2008

Netaisyt, nebūtina kreipti dėmesį į nereikšmingas klaidas, o target atributas reikalingas. Jiems ir css hackus meta kaip klaidas.

Redagavo Gruodžio 3, 2008 Valuediz

Gruodžio 3, 2008

Labai visiems dekoju, kad padejote, pasidariau ko reikejo, dar vienas klausimas, sakykim tikrinu validuma per http://validator.w3.org/ ir ismeta viena klaida:

Line 29, Column 33: there is no attribute \\\"target\\\".
<a href=\\\"http://svetaine.lt\\\" target=\\\"_blank\\\"><img src=\\\"http://svetaine.lt/reklama

Kaip sitokia klaida reiktu pataisyti?

doctype reikia keisti i transitional

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Prisijungti

Kodavimas - pagalbos

Rekomenduojami pranešimai

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Dabar naršo 0 narių

Prisijunk prie bendruomenės dabar!

Naujausios temos

Karštos temos