[CSS] voor dummies - deel 6

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue
  zondag 29 april 2007 @ 16:27:53 #176
12880 CraZaay
prettig gestoord
pi_48840745
quote:
Op zondag 29 april 2007 13:07 schreef AnGabhar het volgende:

[..]

Even getest:

Opera 4 t/m 9: check
Mozilla: check (vanaf Milestone 3)
IE7: check
IE 6-: fout
Netscape 4: fout (verrassing)

Aandachtspuntjes: standaardmodus (anders werkt IE niet); html, body {height: 100%; margin: 0; padding: 0} geeft misschien net iets meer kans op succes.
IE6- niet dus, maar IE6 zelf wel? Firefox en Safari ook getest toevallig (of een testcase online waar ik dan kan doen )?
  zondag 29 april 2007 @ 16:28:46 #177
12880 CraZaay
prettig gestoord
pi_48840821
quote:
Op zondag 29 april 2007 13:17 schreef De_Hertog het volgende:

[..]

Dat was inderdaad het probleem, dank je Ik dacht dat hoogte de hoogte van het totale blok was en padding hoe ver het van de bovenkant binnen dat blok af stond, had niet door dat beide waardes bij elkaar werden opgeteld. Bedankt voor de tip, het werkt nu (al moet ik IE nog steeds testen, enig voorbehoud dus.. )
Met dat doctype gaat het in IE ook werken

Alleen als je geen doctype zou gebruiken zou de padding er in IE niet bijgeteld worden (idem voor border).
pi_48844503
quote:
Op zondag 29 april 2007 16:27 schreef CraZaay het volgende:

[..]

IE6- niet dus, maar IE6 zelf wel?
IE6 niet, voor zover ik kan zien. Ik heb alle IE-versies sinds 3 apart geïnstalleerd, maar die losse installaties schijnen nog wel eens iets anders te doen dan een 'echte'.
quote:
Firefox en Safari ook getest toevallig (of een testcase online waar ik dan kan doen )?
Firefox komt uit de Mozilla-stal, en alle Mozilla-versies sinds 1999 lijken het goed te doen. Safari kan ik niet testen. Het über-brakke 'Swift' (Webkit for Windows) wil geen lokale testpagina's laden (voor zover het nog niet binnen twee microseconden was vastgelopen na het opstarten). Maar over het algemeen is Safari's CSS-ondersteuning best redelijk gelovik.

Edit: Hier zou je Safari moeten kunnen testen.

[ Bericht 6% gewijzigd door AnGabhar op 29-04-2007 18:22:06 ]
  maandag 30 april 2007 @ 11:45:10 #179
12880 CraZaay
prettig gestoord
pi_48860731
Ik heb Safari hier wel op m'n Macbook, dus als het ergens online staat...
  donderdag 3 mei 2007 @ 19:01:13 #180
107951 JortK
Immer kwaliteitsposts
pi_48974894
Ik heb ook een (vermoedt ik) makkelijk probleem voor iemand die veel ervaring heeft met CSS :)

Mijn rechter tables moet bovenin komen te staan, echter zet hij hem na de laatste linkse table:



Mijn CSS is als volgt:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66		body
{
background: #404040;
}

a:link 
{
color: #33357F;
text-decoration: none;
}

a:visited 
{
color: #33357F;
text-decoration: none;
}

a:hover 
{
color: #7E97B8;
text-decoration: none;
}

a:active 
{
color: #7E97B8;
text-decoration: none;
}

div.headermain
{
border: solid 1px;
background-color: #FF00FF;
background-image: url('header.jpg');
width: 970px;
height: 130px;
margin-right: auto;
}

div.leftsidebartable
{
position: relative;
border: solid 1px;
background-color: #FF00FF;
width: 235px;
margin-right: auto;
text-align: left;
}

div.rightsidebartable
{
position: relative;
border: solid 1px;
background-color: #FF00FF;
width: 235px;
margin-left: auto;
text-align: left;
}

div.wrap
{
position: relative;
width: 970px;
margin: 0px auto;
text-align: center;
}


Kan iemand zien wat ik verkeerd doe?
Overzicht van alle maandcijfers van het fokforum, voor de stats freaks!
Een goede Fok!search met de kracht van Google!
pi_48976085
quote:
Op donderdag 3 mei 2007 19:01 schreef JortK het volgende:
Ik heb ook een (vermoedt ik) makkelijk probleem voor iemand die veel ervaring heeft met CSS

Mijn rechter tables moet bovenin komen te staan, echter zet hij hem na de laatste linkse table:

[[url=http://img167.imagevenue.com/loc426/th_11272_css_122_426lo.jpg]afbeelding][/URL]

Mijn CSS is als volgt:
[ code verwijderd ]

Kan iemand zien wat ik verkeerd doe?
Laat eerst maar eens zien hoe je je pagina hebt opgebouwd.
pi_48979740
quote:
Op donderdag 3 mei 2007 19:01 schreef JortK het volgende:
Ik heb ook een (vermoedt ik) makkelijk probleem voor iemand die veel ervaring heeft met CSS

Mijn rechter tables moet bovenin komen te staan, echter zet hij hem na de laatste linkse table:

[[url=http://img167.imagevenue.com/loc426/th_11272_css_122_426lo.jpg]afbeelding][/URL]

Mijn CSS is als volgt:
[ code verwijderd ]

Kan iemand zien wat ik verkeerd doe?
float, google d'r maar 's op.
  vrijdag 4 mei 2007 @ 09:36:12 #183
12880 CraZaay
prettig gestoord
pi_48993773
quote:
Op donderdag 3 mei 2007 19:01 schreef JortK het volgende:
Kan iemand zien wat ik verkeerd doe?
Je class names zijn iig niet zo goed, los van je probleem

Beschrijf de inhoud van een element en niet de positie. Rechts en links kan zomaar veranderen in een design en als je dat met CSS op wilt lossen (waar CSS immers voor is), dan is het zo raar als een element met de class "leftthing" opeens rechts staat
pi_49051292
Vraagje:
Hoe krijg je je site in het midden maar text-alignment gewoon left?
pi_49053923
quote:
Op zondag 6 mei 2007 00:11 schreef Flaccid het volgende:
Vraagje:
Hoe krijg je je site in het midden maar text-alignment gewoon left?
Door gewoon margin: 0 auto; te gebruiken. Maar dan werkt het niet in IE. Het antwoord is eigenlijk makkelijker, door simpelweg de alignment weer op left te zetten .
pi_49054228
Alles in een div, met een width van bijvoorbeeld 700px, een margin-left van -350px (50% negatief) en een left-attribuut van 50%?
pi_49056317
quote:
Op zondag 6 mei 2007 02:21 schreef DorentuZ het volgende:

[..]

Door gewoon margin: 0 auto; te gebruiken. Maar dan werkt het niet in IE. Het antwoord is eigenlijk makkelijker, door simpelweg de alignment weer op left te zetten .
de body dan he (die margin: 0 auto)?
  maandag 7 mei 2007 @ 23:33:50 #188
12880 CraZaay
prettig gestoord
pi_49125286
quote:
Op zondag 6 mei 2007 02:21 schreef DorentuZ het volgende:

[..]

Door gewoon margin: 0 auto; te gebruiken. Maar dan werkt het niet in IE. Het antwoord is eigenlijk makkelijker, door simpelweg de alignment weer op left te zetten .
Dat werkt prima in IE, mits je een pagina hebt die een standaard volgt en dus een correct doctype gebruikt.
  maandag 7 mei 2007 @ 23:35:08 #189
12880 CraZaay
prettig gestoord
pi_49125356
quote:
Op zondag 6 mei 2007 02:48 schreef Geqxon het volgende:
Alles in een div, met een width van bijvoorbeeld 700px, een margin-left van -350px (50% negatief) en een left-attribuut van 50%?
Ranzig Op een lagere resolutie verdwijnt een deel uit beeld en het kan veel simpeler met het genoemde "margin: 0 auto" (als het ook in IE op de Mac moet werken "margin: 0 auto 0 auto").
  maandag 7 mei 2007 @ 23:35:55 #190
12880 CraZaay
prettig gestoord
pi_49125394
quote:
Op zondag 6 mei 2007 10:31 schreef Flaccid het volgende:

[..]

de body dan he (die margin: 0 auto)?
Op een wrapper div met een gedefinieerde breedte (anders is 'ie 100% breed en staat 'ie in feite dus al in het midden).
pi_49126333
Het is inderdaad beter om gewoon een container div aan te maken, die een vaste breedte te geven en vervolgens margin:0 auto; er op toe te passen. Het komt niet meer héél vaak voor, maar er zijn nog stééds mensen met een resolutie van 800 x 600, of zelfs lager. Daar moet je ook rekening mee houden.
pi_49238848
Hoe krijg ik mijn footer altijd met mijn layout naar beneden (minimaal dan)?

[ Bericht 87% gewijzigd door Flaccid op 12-05-2007 19:16:12 ]
pi_49312167
Ik heb denk ik een fix voor Safari zoek. Mijn pagina heeft een "hidden" tabel, en zodra ik de visibility daarvan via javascript op "Visible" zet, krijg ik mooi de tabel te zien

Werkt in IE6, werkt in IE7, werkt in Firefox, werkt in Safari. Alleen onder Safari heeft de tabel enkel boven en links een rand, rechts en onder niet. Wanneer ik mjn venster resize, wordt de pagina weer goedgezet, en ziet de tabel er weer netjes uit.

Iemand tips hoe ik zoiets oplos?
  zaterdag 12 mei 2007 @ 23:50:36 #194
12880 CraZaay
prettig gestoord
pi_49317968
quote:
Op donderdag 10 mei 2007 20:05 schreef Flaccid het volgende:
Hoe krijg ik mijn footer altijd met mijn layout naar beneden (minimaal dan)?
Altijd onderaan de viewport of altijd onderaan je content?
  zaterdag 12 mei 2007 @ 23:51:56 #195
12880 CraZaay
prettig gestoord
pi_49318008
quote:
Op zaterdag 12 mei 2007 21:35 schreef Geqxon het volgende:

Iemand tips hoe ik zoiets oplos?
Gaat het om de 'visibility' of 'display' property?
pi_49318805
quote:
Op zaterdag 12 mei 2007 23:51 schreef CraZaay het volgende:

[..]

Gaat het om de 'visibility' of 'display' property?
Visibility. Zodat hij hem wel van te voren tekent, en als de tabel erg lang wordt hij alvast wat ruimte "reserveert" door de pagina wat langer te maken
pi_49344211
quote:
Op zaterdag 12 mei 2007 23:50 schreef CraZaay het volgende:

[..]

Altijd onderaan de viewport of altijd onderaan je content?
viewport
  maandag 14 mei 2007 @ 20:36:39 #198
136730 PiRANiA
All thinking men are atheists.
pi_49377637
Help!
[----------130px--------------][-------------------------------------------rest van de pagina-------------------------]

ik heb 2 divs. De linker wil ik 130 pixels breed hebben, de rechter moet schermvullend zijn. Hoe moet dit?
Dag Google!
pi_49383848
De linker een float links geven met breedte van 130px en de andere ernaast met een margin links van 130px

1
2
3
4
5
6
7
8		#links{
float:left;
width: 130px;
}

#content{
margin-left: 130px;
}
  maandag 14 mei 2007 @ 23:21:14 #200
104583 cyberstalker
Een krachtig neen!
pi_49385464
quote:
Op zondag 13 mei 2007 00:13 schreef Geqxon het volgende:

[..]

Visibility. Zodat hij hem wel van te voren tekent, en als de tabel erg lang wordt hij alvast wat ruimte "reserveert" door de pagina wat langer te maken :)
Ik weet niet of dit onder safari ook werkt (ik verwacht van wel) maar ik kan mij herinneren ooit tegen een Firefox javascript/css bug op te lopen waarbij adjacent-sibling selectors niet correct werden geupdate na het invoegen van een node.

De workaround was daar om de display: waarde van de body op none te zetten en daarna weer terug op block. De pagina wordt dan opnieuw gerendert en het probleem is opgelost.

In js ziet dat er ongeveer zo uit (untested)
1
2
3
4
5
6
7		function fix_page()
{
    var body = document.getElementsByTagName('body').item(0);

    body.setAttribute('style', 'display: none;');
    body.setAttribute('style'. 'display: block;');
}
Hope for the best, prepare for the worst.
actieve topics nieuwe topics
abonnement Unibet Coolblue
[CSS] voor dummies - deel 6
Index

» digital corner

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')