Programmering.
Citat från ex
http://emmet.io/
Varför har jag missat det här?
OH, det fanns för WebStorm, ska testas.
Hade problem med default keybindings i npp, men annars så har det fungerat fint.
width: calc(100%;);
width: calc(100%);
Är jag retarderad som tycker det där är konstigt?
(CSS)
ser ut som den är relativ till något annat, men jag är ingen internetkodare.
Citat från ex
Bild: http://i.imgur.com/ufJUQQ2.png
width: calc(100%;);
Bild: http://i.imgur.com/xsO51rq.png
width: calc(100%);
Är jag retarderad som tycker det där är konstigt?
(CSS)
Borde inte använda calc för sådana enkla saker, då det inte har support på allt för många browsers.
Anledningen till att calc inte funkar är jag inte helt säker på, kan vara att du inte har support för det eller något annat.
width: calc(100%;); blir i alla fall ignorerad för att det är invalid, detta betyder att width:n går tillbaks till default, så om elementet du sätter det där på är ett block-level element så kommer default vara auto, vilket i princip är 100%.
Det skulle vara något i stil med calc(100% - 2px*4);
calc(100%); känns lite dumt.
Men ja, det är ju uppenbarligen som du säger SUPSON, invalid -> auto. Tänkte inte ens tanken derp.
Citat från Jine
Fast padding och margins spelar in.
Hur menar du?
Om det är så att parent har margin eller padding, så går den inte ut över dom om du sätter 100% calc, den beter sig exakt som man skulle förvänta sig.
Det är väll om man har satt margins och så på elementet som har calc utan att räknat in det.
http://exone.org/share/test/
Tror det är det där Jine menar.
.parent {
position: relative;
margin: auto;
width: 960px;
border: 1px solid #f0f;
}
.child {
width: 100%;
margin: 10px;
border: 1px solid #f0f;
}
Hur det är relevant vet jag inte.
Edit: Tänkte helt åt helvete. Ska ju vara padding.
.parent {
position: relative;
margin: auto;
width: 960px;
border: 1px solid #f0f;
}
.child {
width: 100%;
padding: 10px;
border: 1px solid #f0f;
}
Citat från ex
http://exone.org/share/test/
Tror det är det där Jine menar.
.parent {
position: relative;
margin: auto;
width: 960px;
border: 1px solid #f0f;
}
.child {
width: 100%;
margin: 10px;
border: 1px solid #f0f;
}
Hur det är relevant vet jag inte.
Jo exakt, det är inte relevant till vad som händer, antar jag?
Skulle säga att webbläsaren du testade i inte hade full support för calc eller något liknande.
Citat från SUPSON
Jo exakt, det är inte relevant till vad som händer, antar jag?
Skulle säga att webbläsaren du testade i inte hade full support för calc eller något liknande.[/i]
Jag tolkade det som att webbläsaren tolkade (100%;); och (100%); olika, när det egentligen bara var auto, precis som du sa. Helt mitt fel och onödigt att jag postade, skyller på att jag var trött.
Och jag menade padding och inte margin i föregående exempel, men ja.
BAM! Då var man heltidsanställd som programmerare. Yesssir, känns bra.
Gz, måste kännas bra.
Citat från ex
Citat från SUPSON
Jo exakt, det är inte relevant till vad som händer, antar jag?
Skulle säga att webbläsaren du testade i inte hade full support för calc eller något liknande.
Jag tolkade det som att webbläsaren tolkade (100%;); och (100%); olika, när det egentligen bara var auto, precis som du sa. Helt mitt fel och onödigt att jag postade, skyller på att jag var trött.
Och jag menade padding och inte margin i föregående exempel, men ja.
Ah okay, bra att det verkar ha löst sig då? :D
RobzInadEz: Nice! :D
Citat från Jine
Webbläsare har i regel olika default-margins för body, html och ett gäng andra taggar. li/ul/ol etc också.
Därför man kör reset.css alt. normalizer.css (helst sistnämnda) för att få samma tolkning i alla webbläsare.
Jodå det är helt klart, men ser inte hur det var relevant till hans problem :o
Du måste vara inloggad för att skriva i forumet