Evo otvaram ovu temu da ne spamam po ostalima a i da ne otvaram novu kod svakog novog sitnog problema, tu postavite pitanja, a tko zna neka pomogne. Hvala.
Pitanja i odgovori (Razvoj web sranica)
- poruka: 49
- |
- čitano: 9.163
- |
- moderatori:
Lazarus Long, XXX-Man, vincimus
stavi u css još liniju za taj div, trebalo bi bit onda preko svega
margin: -8px;
stavi u css još liniju za taj div, trebalo bi bit onda preko svega
margin: -8px;
Radi, hvala. Možeš li mi molim te objasniti zašto je to potrebno? Mislim kužim šta ta opcija radi ali ne kužim zašto je bila potrebna ako sam stavio div na 100 posto?
tako je u većini preglednika a sa naredbom margin si još proširio granice diva prema vani za 8 px, jedino provjeri dali je u ostalim preglednicima sve prekriveno ili je potrebno staviti tu vrijednost na više npr -10 px.
Inaće to se tako ne redi kada hoćeš postaviti pozadinsku boju za stranicu, nego se u css dodjeli boja za pozadiuu elementu body ili slika koja se ponavlja za gradijent i onda nema te bijele linije okolo nego je sve prekriveno.
body{
background-color: #000000;
}
tako je u većini preglednika a sa naredbom margin si još proširio granice diva prema vani za 8 px, jedino provjeri dali je u ostalim preglednicima sve prekriveno ili je potrebno staviti tu vrijednost na više npr -10 px.
Inaće to se tako ne redi kada hoćeš postaviti pozadinsku boju za stranicu, nego se u css dodjeli boja za pozadiuu elementu body ili slika koja se ponavlja za gradijent i onda nema te bijele linije okolo nego je sve prekriveno.
body{
background-color: #000000;
}
Tako je, zaboravio skroz na to :P Hvala puno!
stavi u css još liniju za taj div, trebalo bi bit onda preko svega
margin: -8px;
Čemu? Zašto ne margin:0; ???
Evo odmah da kažem svoj problem.
HTML DIO:
<div id="stranica">
</div>
CSS DIO:
#stranica
{
width:100%;
height:100%;
background-color:black;
}
Zašto mi ne rasstegne taj div preko cijele stranice već mi ima bijeli obrub okolo, kao da dvi nije 100 posto rastegnut već samo 99.
na početku css koda stavi jednostavan 'css reset':
*{padding:0px;
margin:0px;}
stavi u css još liniju za taj div, trebalo bi bit onda preko svega
margin: -8px;
Čemu? Zašto ne margin:0; ???
Ne radi mi kada stavim na nulu...
Sa ovim resetom radi. Možeš li malo pojasniti zašto je to potrebno? Hvala.
stavi u css još liniju za taj div, trebalo bi bit onda preko svega
margin: -8px;
Čemu? Zašto ne margin:0; ???
Zato jer div element nikad nije do ruba preglednika, ovim trikom se još može proširiti div da prekrije sve, ali ionako se boja pozadine postavlja preko propertiesa body-a.
Edit: Da, može se raditi i tako da se resetira padding i margin, ja nikad ne koristim div koji prekriva cijelu straicu.
stavi u css još liniju za taj div, trebalo bi bit onda preko svega
margin: -8px;
Čemu? Zašto ne margin:0; ???
Ne radi mi kada stavim na nulu...
Sa ovim resetom radi. Možeš li malo pojasniti zašto je to potrebno? Hvala.
Različiti preglednici različito prikazuju html elemente ukoliko oni nisu definisani css-om. U tvom slučaju preglednik po defaultu postavlja padding od par px na body element.
* je zamjena za desetine html znakova i sa ovim jednostavnim resetom svima njima zadaješ margin i padding 0px.
Napominjem da je ovo jednostavan reset, ako hoćeš nešto bolje onda pogledaj i koristi ovo: http://meyerweb.com/eric/tools/css/reset/
Ok, sad imam sljedeču nedoumicu:
HTML DIO
<html>
<head>
<link rel="stylesheet" type="text/css" href="stil.css" />
</head>
<body>
<div id="header">
TEST
</div>
<div id="stranica">
<div id="lijevidio">
TEST
</div>
<div id="desnidio">
TEST
</div>
</div>
<div id="footer">
TEST
</div>
</body>
</html>
CSS DIO
body
{
background-color: #74C2E1;
}
*{padding:0px;
margin:0px;}
#stranica
{
width:1000px;
height:100%;
margin-left:auto;
margin-right:auto;
float:center;
}
#header
{
width:100%;
height:80px;
background-color: #000000;
}
#lijevidio
{
float:left;
width:497px;
height:100%;
border-left:2px solid 000000;
border-right:1px solid 000000;
}
#desnidio
{
float:right;
width:497px;
height:100%;
border-left:1px solid 000000;
border-right:2px solid 000000;
}
#footer
{
width:100%;
height:80px;
background-color: #000000;
}
Problem je sljedeči:
Ako footer div stavim izvan stranica div, onda moram skrolati jer na 100 posto height-a stranice on još doda visinu footera. Ako pak stavim footer unutar diva stranica, onda mi nije dobra pozicija i širina. Kako sada riješiti da je footer div uvijek na dnu bez obzira na sadržaj i da uvijek ima istu visinu i 100 posto širine?
Mislim da trebaš očistiti dva float-a, da dopustiš da sadržaj padne ispod float-a.Znači u css od footera dodaj clear:both.
reset ide uvijek na vrh css datoteke... za footer nisam skontao što točno želiš..
Mislim da trebaš očistiti dva float-a, da dopustiš da sadržaj padne ispod float-a.Znači u css od footera dodaj clear:both.
Hmm nije do toga
reset ide uvijek na vrh css datoteke... za footer nisam skontao što točno želiš..
Pogledaj sliku.
Footer je sada dolje i pojavio se scrooling bar iako ja nemam toliko sadržaja. Znači footer je ispod 100%visine stranice. Kako postaviti footer fiksiran na dno stranice iako nema sadržaja?
Ok, dogovorio ti je kolega, dakle clear:both sa kojim poništavaš float left / right
Ok, dogovorio ti je kolega, dakle clear:both sa kojim poništavaš float left / right
Ma nije do toga. Probaj otvoriti stranicu na svom kompu.
Stvar je 'konstrukcijske' prirode, nije problem u cssu neg nemam iskustva sa slaganjem divova pa zato. Prouči malo bolje moj problem i shvatit ćeš o čemu pričam.
Ok kontam, ti želiš ovako nešto http://peterned.home.xs4all.nl/examples/csslayout1.html
Promijeni boju za lijevi i desni div.Stavi border 1px solid #bojapoželji i onda češ vidjeti da footer zauzima 100% širine ova dva diva.Valjda je nekakvo nasljeđivanje u pitanju.
Moj savjet ti je da za početak kreneš sa centriranim wrapper divom u koji onda ubacuješ sadržaj. Guglaj malo o css layoutima.Odlična stranica
Samo makni footer izvan stranica div-a i imaš ga 100% širine.
Zašto Chrome tako ružno renda bordere (koristim border-radius)?
U firefoxu je to puno glađe...
To pitanje trebaš postaviti ljudima odgovornim za razvoj preglednika.
Evo još jedno pitanje :)
Kako postaviti crtu između div-ova, ali da nije border i da ne ide do kraja. Primjer u slici
Ili se koristi border za to?
E i kako određujem koji se dio na stranici loada prvi?
I koji je najbolji način za optimiziranje backgrounda? Jel postoji neki preload lošije kvalitete ili tako nešto?
crta http://www.w3schools.com/tags/tag_hr.asp
elementi se učitavaju onako kako ih pišeš...
Dobar dan, vidim da se ovdje može tražiti pomoć pa da pitam. Kako se border radius koristi za IE? Firefox i Chrome ga normalno očitavaju no IE 8 ne.
Dobar dan, vidim da se ovdje može tražiti pomoć pa da pitam. Kako se border radius koristi za IE? Firefox i Chrome ga normalno očitavaju no IE 8 ne.
Border radius sam dosad riješavao na druge načine, koristi .PNG ili neki drugi workarround, zasad koliko znam IE8 ne podržava taj CSS property.Ispravite me ako griješim
Dobar dan, vidim da se ovdje može tražiti pomoć pa da pitam. Kako se border radius koristi za IE? Firefox i Chrome ga normalno očitavaju no IE 8 ne.
Border radius sam dosad riješavao na druge načine, koristi .PNG ili neki drugi workarround, zasad koliko znam IE8 ne podržava taj CSS property.Ispravite me ako griješim
Mislim da si u pravu. U IE9 to normalno radi... Pa dobro u čemu je problem sa tim microsoftom da uvijek moraju forsirati po svome? Uvijek taj IE, uvijek on poseban i za njega treba nešto posebno pisati...
Za ie6,7,8 koristi css3pie.Radit če ti u 99% slučajeva, jedino zna zeznuti kod miksanja s nekim drugim pluginovima,ili ako koristiš neke IE filtere.Uglavnom vrlo jednostavno rješenje.
Za ie6,7,8 koristi css3pie.Radit če ti u 99% slučajeva, jedino zna zeznuti kod miksanja s nekim drugim pluginovima,ili ako koristiš neke IE filtere.Uglavnom vrlo jednostavno rješenje.
Hmm nikako da mi proradi. Sve sam napravio prema uputama ali i dalje nema zakrivljenja u IE. Šta radim krivo? Ne koristim nikakav drugi plugin, IE na default postavkama. Path sam provjerio više puta i mijenjao ga čak. Probao sam ga čak i preko domene staviti, jednostavno neće...
Hmm radi ali selekcija kuteva ne radi. Ili sve ili ništa :P
Hvala ti za ovo super riješenje.
Radi,radi...pogledaj ovdje