Domov > HTML/CSS in dizajniranje spletnih strani > Css problem pri postavitvi div-ov
stran 1 od 2 |< < 1 2 >|
Css problem pri postavitvi div-ov
 
nobodyelse 28. maj 2010 06:51:29 Pridružen od:
29. okt 2009
37 objav
 6 0 0
#1

Link do slike: http://file.si/public/view/full/40678



Torej html mora biti tak kot je na sliki desno. Če samo flotam dive levo, se ne postavijo tako kot prikazuje slika. Ima kdo kaksno idejo?


všeč(0) ni všeč(0) spam(0)
 
 
sonysony 28. maj 2010 06:58:14 Pridružen od:
2. nov 2009
283 objav
 347 105 11
#2

če določiš širino in narediš okvirje bi zadeva morala delovat...



torej tako kot imaš na sliki, bi moralo biti takole:


<div style="float:left; width:300px;">

  <div></div>

  <div></div>

  <div></div>

</div>

<div style="float:left; width:500px;">

  <div></div>

  <div></div>

</div>

lp, mitja


všeč(0) ni všeč(0) spam(0)
 
 
nobodyelse 28. maj 2010 07:49:39 Pridružen od:
29. okt 2009
37 objav
 6 0 0
#3

Ma problem je ker mora biti html tocno tak kot je na sliki, ker se te divi avtomatsko zgenerirajo in ne morem dati npr. zadnje dva div-a v svoj div, kot si ti napisal.


všeč(0) ni všeč(0) spam(0)
 
 
OvcaX 28. maj 2010 08:45:28 Pridružen od:
24. avg 2007
2753 objav
 4575 1194 281
#4

Nekako takole


#vsiDivi {

    width: 400px;

    height: 200px !important;

    border: 1px solid green;

}

    #vsiDivi div {

        border: 1px solid red;

        width: 150px;

        height: 40px;

        margin-bottom: 20px;

        margin-left: 20px;

        float: left

    }

Različne višine pa lahko samo z contentom (vsaj, da bi jaz vedel ne gre)


všeč(0) ni všeč(0) spam(0)
CEO@Humanfrog & CEO@Junai
 
 
nobodyelse 28. maj 2010 09:02:08 Pridružen od:
29. okt 2009
37 objav
 6 0 0
#5

Visina je dinamična ja in tudi meni nikakor ne rata.. hvala za odgovor


všeč(0) ni všeč(0) spam(0)
 
 
OvcaX 28. maj 2010 09:07:43 Pridružen od:
24. avg 2007
2753 objav
 4575 1194 281
#6

Sej če daš višino stran pa napolneš z contentom se bodo isto pometal


všeč(0) ni všeč(0) spam(0)
CEO@Humanfrog & CEO@Junai
 
 
nobodyelse 28. maj 2010 09:13:40 Pridružen od:
29. okt 2009
37 objav
 6 0 0
#7

Sem probal tole:


<style type="text/css">



.vsiDivi {

width: 400px;

height:200px !important;

border: 1px solid green;

}

.vsiDivi div {

border: 1px solid red;

width: 150px;

margin-bottom: 20px;

margin-left: 20px;

float: left;

}

</style>

</head>

<body>

<div class="vsiDivi">

    <div class="div">

        <ul>

            <li>blabla</li>

        </ul>

    </div>

    <div class="div">

        <ul>

            <li>blabla</li>

            <li>blabla</li>

            <li>blabla</li>

            <li>blabla</li>

        </ul>

    </div>

    <div class="div">

        <ul>

            <li>blabla</li>

        </ul>

    </div>

</div>

</body>

In zadnjega diva ne vrze gor takoj pod prvega: http://www4.slikomat.com/10/0528/idj-Untitl.gif


všeč(0) ni všeč(0) spam(0)
 
 
carli 28. maj 2010 09:18:46 Pridružen od:
5. avg 2008
1258 objav
 583 54 17
#8

Če ti ni problem JavaScript potem si poglej kaj takega: http://blog.creativityden.com/fluid-grid-using-jquery/. Obstaja več teh pluginov pa se nobenega sedaj ne spomnim :(


všeč(1) ni všeč(0) spam(0)
 
 
perunpro 28. maj 2010 09:48:23 Pridružen od:
23. maj 2008
3360 objav
 2892 217 19
#9

Zadevo lahko resisi po moje tudi s position, vprasanje je, kako bo s vsebino.



Sicer pa lahko v modernih browserjih uporabljas tudi prvi in zadnji child, ce pa CSS3 pa tudi kateregakoli.


všeč(0) ni všeč(0) spam(0)
 
 
nobodyelse 28. maj 2010 10:05:20 Pridružen od:
29. okt 2009
37 objav
 6 0 0
#10

Hvala ti carli, sem uporabil ta plugin, mal predelal funkcijo in mi je celo ratalo. Hvala!


všeč(0) ni všeč(0) spam(0)
 
 
Domov > HTML/CSS in dizajniranje spletnih strani > Css problem pri postavitvi div-ov
stran 1 od 2 |< < 1 2 >|
 

🔒 Za odgovor na to temo se moraš prijaviti.

Prijavi se