[ dejan92 @ 10.06.2014. 23:51 ] @
Treba mi pomoc hitno drustvo,zapravo kada napravim layout i kada tipa unesem text u sajd baru ili bilo gde u layoutu taj text ne obraca paznju na moje komande width height margine itd,nego se sam prostire bas dugo u jednoj liniji samim tim i dobijam skrol sa leva na desno.Evo mnogo jasnije sa kodom.Mozda ja negde gresim,ali ovoga sam napravio mali milion i nikada mi se ovo nije desilo(mozda ne vidim gresku ucim po 6,7 sati dnevno,zelim ozb da udjem u ovo pa se preopteretim po nekad).Molim vas sto pre za odgovor.Hvala puno u napred.

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

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Description" content="" />
<meta name="Keywords" content="" />
<meta name="Author" content="Dejan Mandic" />

<title> Pocetna stranica </title>
<link href="css/style.css" type="text/css" rel="stylesheet" />
</head>


<body>

<div id="wrapper">

<div id="header">

</div>

<div id="navbar">

</div>

<div id="main">
dexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdexdex
</div>

<div id="sidebar">

</div>

<div id="footer">


</div>
</div>
</body>
</html>


body {
background-color: #96b1b2;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
margin: 0px;
padding: 0px;
}

#wrapper {
width: 960px;
margin-left: auto;
margin-right: auto;
background-color: silver;

}

#header {
height: 100px;
background-color: red;

}


#navbar {
height: 50px;
background-color: blue;

}

#main {
height: 200px;
width: 600px;
background-color: green;
float: left;


}

#sidebar {
height: 200px;
background-color: orange;
float: right;
width: 360px;


}

#footer {
height: 50px;
background-color: purple;
clear: both;
}








[ Panajotov @ 11.06.2014. 00:47 ] @
Ja bi ti preporucio da radis sa klasama(class) umesto sa ajdijevima(id).
Proveri da li ti je lokacija css fajla dobra, odnosno da li se nalazi u folderu css i da li se zove style.css kako si naveo. I da, kad stavljas tekst i 'isprobavas' sirinu, napravi razmak izmedju tog teksta ili koristi Lorem Ipsum.

Srecno u ucenju i samo napred!
[ agvozden @ 11.06.2014. 07:35 ] @
pogledaj ovo

http://www.w3schools.com/CSSref/css3_pr_word-wrap.asp

u redu je ovo sto si zapoceo sa ID, posto su ti ovo vodeci elementi koji su verovatno jedinstveni, ali je dobra praksa koristiti klase za elemente sa zajednickim osobinama.
[ dejan92 @ 11.06.2014. 18:37 ] @
Znaci vi ste stvarno kraljevi,nemam reci zivotami.Odvajao sam napisao sam neki smislen tekst i radi super,eto nisam do sada pisao text bez razmaka nisam imao pojma da to moze da smeta.Zasto je to tako,kada setext ne odvoji nece da predje na novi red kada dodje do odredjene sirine diva? Hvala vam puno.
[ deZio @ 11.06.2014. 18:53 ] @
Zato što je tako postavljeno kao podrazumevano podešavanje. Možda ti misliš da je logičnije da prelazi u novi red, ali oni koji su kreirali CSS su mislili drugačije, pa su odlučili da podrazumevano tekst ne prelazi u novi red ako je jedna reč predugačka. Zato su ti i dali mogućnost da promeniš to tako što ćeš primeniti word-wrap: break-word;
[ Panajotov @ 11.06.2014. 22:02 ] @
Imas i ovu opciju u CSS3

white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;

Stavice ... kada tekst predje dozvoljenu sirinu/visinu.
[ dejan92 @ 14.06.2014. 15:16 ] @
Hm,puno vam hvala.