Archief - Personal (only design)

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
F

Fr3aK

Legacy Member
Check es ff de layout aub. Al de php zwier ik er later in maar tis nu om te zien of ge het design goe vind of ni.

link :)

Greetz
L

LunchBox

Legacy Member
wel je krijgt normaal al die dingen in divs, zodat je tables overbodig worden.
het resultaat is veel veelzijdiger dan table-gebruik, je zal al snel de voordelen inzien.

http://www.yourhtmlsource.com/stylesheets/csslayout.html
misschien kan de rest je met betere links van dienst zijn, deze is maar even opgezocht om je'n richting in te sturen.
F

Fr3aK

Legacy Member
LunchBox zei:
wel je krijgt normaal al die dingen in divs, zodat je tables overbodig worden.
het resultaat is veel veelzijdiger dan table-gebruik, je zal al snel de voordelen inzien.

http://www.yourhtmlsource.com/stylesheets/csslayout.html
misschien kan de rest je met betere links van dienst zijn, deze is maar even opgezocht om je'n richting in te sturen.
Klik om te vergroten...
Mjah kijk, ik heb het altijd al met div's willen doen maar dan wordt den helft upgefucked in Opera :s. Crossbrowser met div's vind ik niet echt makkelijk :(

EDIT: Tstaat nu in div's dunno hoe het eruit ziet in Opera :x
D

Dece

Legacy Member
Code: 
#wrap {
  position: absolute;
  text-align: left;
  width: 740px;
  height: 100%;
  left: 50%;
  margin-left: -370px;
  padding: 0px 0px 0px 0px;
  border-left: 1px dotted #000000;
  border-right: 1px dotted #000000;
  background-color: #F2F2F2;
}

div.header {
  font-size: 8pt;
  width: 740px;
  height: 100px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  background-color: #F2F2F2;
}

div.menu {
  font-size: 8pt;
  width: 730px;
  height: 26px;
padding: 5px;
  text-align: left;
  background-color: #A6A079;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
div.main {
  font-size: 8pt;
  width: 710px;
  height:auto;
  padding: 15px 15px 15px 15px;
  text-align: center;
  background-color: #F2F2F2;
}

div.content {
  font-size: 8pt;
  width: 500px;
  padding: 5px 5px 5px 5px;
  text-align: left;
  background-color: #DFDFDF;
  border: 1px solid #000000;
  float: left;
}

div.stats {
  font-size: 8pt;
  width: 160px;
  padding: 5px 5px 5px 5px;
  text-align: left;
  background-color: #DFDFDF;
  border: 1px solid #000000;
  float: right;
}
zo ziet u site er crossbrowser goed uit!
buiten op u height 100% in IE dan.
D

Disa

Legacy Member
kweet niet of het de bedoeling is maar in FireFox geeft ie langs de rechterkant een trapeffect.

Screenie

Disa
E

Ex0dus

Legacy Member
je eerste ding, zonder div's was beter in opera,
nu komt de stippelijn langs de rechterkant er niet meer door..
voor de rest ist, oke, simpeltjes maar goed :d

greetz
F

Fr3aK

Legacy Member
Khebt nu terug in tables gestoken omdat em anders in firefox ni goe wordt weergegeven. Maar is het ni beter om me php den browser te bepalen en naargelang de browser de css link veranderen ?
D

Dece

Legacy Member
Fr3aK zei:
Khebt nu terug in tables gestoken omdat em anders in firefox ni goe wordt weergegeven. Maar is het ni beter om me php den browser te bepalen en naargelang de browser de css link veranderen ?
Klik om te vergroten...
kgeef u de code om et crossbrowser goed weer te geven mbv div positioning en tis nog nie goed ofwa :sad:
F

Fr3aK

Legacy Member
Dece zei:
kgeef u de code om et crossbrowser goed weer te geven mbv div positioning en tis nog nie goed ofwa :sad:
Klik om te vergroten...
Dan geeft em et ni schoon weer in FireFox ;)
Spijtig ma ik denk da crossbrowser ni perfect gaat me div's.
d

deadlock

Legacy Member
Als ge crossbrowser wilt, begin dan eerst te coden voor FireFox.
Dan gaat het er in de meeste browsers deftig uitzien.
Pas daarna een hoop hacks toe om in IE6/5.5/5.0 een gelijkaardig resultaat te krijgen.

Beetje doorzetten en dat lukt wel :).
D

Dece

Legacy Member
Fr3aK zei:
Dan geeft em et ni schoon weer in FireFox ;)
Spijtig ma ik denk da crossbrowser ni perfect gaat me div's.
Klik om te vergroten...
:wtf: volgens mij heb je dan toch iets verkeerd gedaan want hier doet ie het perfect in firefox (als ge die 2e height: 100% weglaat tenminste)
L

LunchBox

Legacy Member
nooit veel problemen gehad met compatibility in firefox, af en toe een ding opsplitsen naar een nieuwe div en bij zaken waarvan de hoogte variabel is gewoon je divs embedden in een vorige en geen top waarde opgeven.
s

static07

Legacy Member
waarom een browser gebruiken die niet altijd met alles compatible, IE is nu niet de beste browser maar meeste sites zijn enkel voor IE gemaakt, omgekeerd zorg ik wel dat men sites op meeste browsers werke, mozilla, netscape, opera. Die zijn de meest voornaamste, zie ik ook aan mijn bezoekers.
F

Fr3aK

Legacy Member
Dece zei:
:wtf: volgens mij heb je dan toch iets verkeerd gedaan want hier doet ie het perfect in firefox (als ge die 2e height: 100% weglaat tenminste)
Klik om te vergroten...
Nu wel, nu staat het in tables.
Met die div's kreeg ik zo een trapeffect langs de rechterkant :s
L

LunchBox

Legacy Member
static07 zei:
waarom een browser gebruiken die niet altijd met alles compatible, IE is nu niet de beste browser maar meeste sites zijn enkel voor IE gemaakt, omgekeerd zorg ik wel dat men sites op meeste browsers werke, mozilla, netscape, opera. Die zijn de meest voornaamste, zie ik ook aan mijn bezoekers.
Klik om te vergroten...
nooit opgevallen dat firefox dezelfde engine gebruikt als netscape en mozilla.
mozilla is de opensource versie van netscape, en firefox is dan weer een afgeslankte versie op deze engine die de opvolger is van firebird.

kortom geen reden voor een ironic smiley, je spreekt jezelf enkel maar tegen.

en er bestaat niet zoiets als: een site enkel voor IE maken, er bestaat wel zoiets als geen rekening willen houden met anderen wegens luiheid of onbekwaamheid. vele "maak een website in drie stappen"-programmatjes dragen enkel maar bij tot deze pest op het net.
b

bRahms

Legacy Member
ik ga morgen achter een cola, omdat dat meer gedronken wordt dan fanta. cola vind ik bovendien gemaakt door een veel betere producent dan die van fanta... ik probeer ook af en toe een sprite te drinken, om afwisseling te krijgen van producenten

*edit: of hetgeen LunchBox dus kwam te zeggen - ge spreekt u zelf tegen.
F

Fr3aK

Legacy Member
Dece zei:
met mijn code niet! kijkt voor uzelf: http://www.dece.be/test.html ...
identiek in IE, Firefox en opera
Klik om te vergroten...
Hmm bedankt, kheb da gisteren zitten testen en da lukte maar ni me die div's. Der stond wrs nog iets verkeerd :s
Maar wrm rekent firefox anders met pixels dan IE ?

EDIT: Owkee tis gelukt :D. Ge had wel mogen zeggen datek men doctype moest veranderen naar xhtml transitional ;). Kent gij nen hack om die height van men main class aan te passen naar 100% ?

Greetz
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan