[CSS] voor dummies - Deel 2 | Digital Corner (DIG)

dinsdag 15 maart 2005 @ 17:52:14 #26

Chandler

Ik wordt echt gek van CSS m.b.t de verschillen in IE en FF (moz)

Het volgende heb ik

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

<html>
<head>
<title>testje1</title>

<style type="text/css">

</style>

</head>
<body>

<div class="middle">
  <div class="left">left</div>
  <div class="right">right</div>
</div>

</body>
</html>

Dit resulteert in IE een perfecte gecentreerde pagina met een linker en rechter gedeelte, echter is dit niet het geval in FF, daar staat het rechter gedeelte wel rechts maar net even onder het linker gedeelte.

Iemand die een oplossing weet?

Just say hi!

woensdag 16 maart 2005 @ 23:06:24 #27

markiemark

FR 1908

probeer bij de div "right" ook eens float: left; ...

Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..

donderdag 17 maart 2005 @ 07:22:39 #28

SuperRembo

Sinds 1998

Nee het ligt aan de verschillende boxmodels. In FF zijn left en right net te breed zodat ze niet naast elkaar passen.

zorg dat IE in standard mode draait zodat het w3-boxmodel wordt gebruikt. Voor IE5 lukt dat niet, daar heb je een hack voor nodig.

laat IE in quirks mode, maar geef voor IE en FF verschillende breedtes op

gebruik geen borders

donderdag 17 maart 2005 @ 17:12:50 #29

Chandler

SuperRembo:

1. Hoe kan ik IE in standaard mode laten draaien?
2. Hoe kan ik per brouwser dit laten verschillen dan? de maten?
3. Haha, ja ik ben helaas wel borders nodig anders zou ik het wel anders oplossen

Just say hi!

donderdag 17 maart 2005 @ 18:09:54 #30

SuperRembo

Sinds 1998

quote:
Op donderdag 17 maart 2005 17:12 schreef Chandler het volgende:
SuperRembo:

1. Hoe kan ik IE in standaard mode laten draaien?

Box model tweaking: http://www.quirksmode.org/css/box.html

quote:
2. Hoe kan ik per brouwser dit laten verschillen dan? de maten?

Met een CSS Hack: http://www.quirksmode.org/css/csshacks.html
De underscore hack: http://wellstyled.com/css-underscore-hack.html

quote:
3. Haha, ja ik ben helaas wel borders nodig anders zou ik het wel anders oplossen

Je kan de borders van .left en .right wel laten. Om er dan toch een border bij te kijgen zet je er dan een extra div in die wel een border heeft.

DISCLAIMER: ik ben niet verantwoordelijk voor het gebruik van de mogelijk niet al te nette oplossingen in dit bericht.

donderdag 17 maart 2005 @ 19:20:07 #31

DutchBlood

tvp

vrijdag 18 maart 2005 @ 19:53:17 #32

ikke_ook

Ik heb het eerder voorbij zien komen in deze reeks, maar ik kan het even niet vinden.
ik wil graag een gecentreerde pagina (zoals het forum hier bijvoorbeeld) Alleen dan zodanig dat de content 90% is van de pagina, met een minimumbreedte van 800 bijvoorbeeld.
Dat gecentreerde gaat alleen goed in in IE omdat ik text-align gebruik.
Hoe krijg ik dit goed voor elkaar voor alle browsers?

-edit-

ff in de source van Fok gekeken en opgelost

Alleen ik heb SuperR wel s horen zeggen dat t niet netjes is om je site uit alleen een tabel op te bouwen ofzo... Is dat zo?En is het alleen niet netjes?of werkt t ook niet goed?

[ Bericht 29% gewijzigd door ikke_ook op 18-03-2005 20:00:09 ]

Vogelaars.nl

vrijdag 18 maart 2005 @ 19:59:59 #33

Roonaan

Strictly

doctype instellen.

voor min-width kan je expression() gebruiken om dat in explorer draaiende te krijgen.

1
2
3
4
5
6

div#center {
margin:0 auto;
width:90%;
min-width:800px;
width:expression(document.body.clientWidth < 800? "800px": "90%" );
}

zaterdag 19 maart 2005 @ 13:54:18 #34

ikke_ook

ik heb een cel in mijn tabel (een <td> dus) en ik wil graag dat hij een cellpadding heeft van 5, behalve aan de linkerkant, daar moet de cellpadding 0 zijn... Ik kan niet echt vinden of, en zo ja hoe je dat kunt maken....

-edit-

Wat is dat toch met dat posten hier van mij... Ik zoek een uur, ik vind niet hoe het moet...ik post hier, en binnen 5 minuten heb ik het gevonden...
padding-left dus....

[ Bericht 31% gewijzigd door ikke_ook op 19-03-2005 14:03:25 ]

Vogelaars.nl

zaterdag 19 maart 2005 @ 14:03:55 #35

SuperRembo

Sinds 1998

quote:
Op vrijdag 18 maart 2005 19:53 schreef ikke_ook het volgende:
Alleen ik heb SuperR wel s horen zeggen dat t niet netjes is om je site uit alleen een tabel op te bouwen ofzo... Is dat zo?En is het alleen niet netjes?of werkt t ook niet goed?

Ik ben niet de enige. Why avoiding tables (for layout) is important

zaterdag 19 maart 2005 @ 14:18:42 #36

ikke_ook

quote:
Op zaterdag 19 maart 2005 14:03 schreef SuperRembo het volgende:

[..]

Ik ben niet de enige. Why avoiding tables (for layout) is important

Best interessant!En ik merkte inderdaad ook al dat bepaalde tabellen bij mij langzaam laden, maar dat ligt dus aan het feit dat je niet aangeeft hoe breed kolommen moeten zijn...(dat zijn trouwens grote tabellen die informatie in tabelvorm weergeven dus die moeten wel tabel blijven)
Maar om nou helemaal af te stappen van tabellen... ze zijn juist zo superhandig......

Vogelaars.nl

donderdag 31 maart 2005 @ 20:16:51 #37

ikke_ook

ik heb een tabel cel waarbij ik de tekst links wil centreren, en een plaatje rechts. Kan dit op een of andere manier of moet ik de cel dan per se opdelen in 2 cellen?

Vogelaars.nl

donderdag 31 maart 2005 @ 20:37:13 #38

ikke_ook

Ander probleem...........

-edit-
Opgelost......

[ Bericht 61% gewijzigd door ikke_ook op 31-03-2005 21:59:35 ]

Vogelaars.nl

donderdag 31 maart 2005 @ 21:01:19 #39

SuperRembo

Sinds 1998

quote:
Op donderdag 31 maart 2005 20:37 schreef ikke_ook het volgende:
-edit-
Opgelost......

Hoe? Met floats?

donderdag 31 maart 2005 @ 21:59:52 #40

ikke_ook

quote:
Op donderdag 31 maart 2005 21:01 schreef SuperRembo het volgende:

[..]

Hoe? Met floats?

Daar stond een ander probleem

Vogelaars.nl

vrijdag 8 april 2005 @ 15:20:13 #41

Heliospan

(-_-)

In IE doet een rollover op de volgende pagina het goed, in FF begint alles te flikkeren, waarschijnlijk omdat alles opnieuw opgebouwd wordt. De rollover is javascript, maar ik gok dat de fout in de CSS zit.

http://www.jaydee.net -> pics

De CSS komt niet geheel door de validator heen, maar er is inmiddels geen tijd meer om het compleet op te bouwen. Als dit werkt zijn doet alles het in ieder geval goed, ook in Firefox. Any advice?

» Help mee met DrugsMag.nl! «
Chillosophy, Gras is groen

maandag 11 april 2005 @ 22:26:31 #42

BabeWatcher

Stephanie <3

Ik heb een klein probleempje:
de optie

max-width : 150px;
max-height : inherit;

in FF werkt dat dus prima: plaatje wordt keurig 150 pixels breed en de verhouding blijft behouden. In IE gebeurt er helemaal niks.
mijn oplossing heel simpel: een stukje javascript, maar mijn (gratis) host gebruikt javascript voor advertenties waar -hoe professioneel- fouten inzitten zodat de rest van de scripts niet meer worden uitgevoerd. (FF negeert de fout en gaat verder, IE stopt scripts)

Toepassing: fotogallery, waarbij niet voor elk plaatje een thumbnail beschikbaar is.

Weet iemand de IE variant voor max-width . Ik kan het niet vinden

[ alle babes op 1 pagina via fok!wiki -bijgewerkt tot 20/10/2015 ]
Leve Kim , Leve Maduro , Leve Castro
#freeTarik #freeDemon_from_heaven

maandag 11 april 2005 @ 22:41:46 #43

SuperRembo

Sinds 1998

Je kan de errorhandling uitzetten met

1	window.onerror = function() { return true; }

maandag 11 april 2005 @ 22:51:22 #44

SuperRembo

Sinds 1998

Of met css

1 2	max-width:800px; width:expression(document.body.clientWidth > 800? "800px": "auto" );

De complete uitleg

dinsdag 12 april 2005 @ 20:22:27 #45

BabeWatcher

Stephanie <3

SuperRembo

Ik wist niet dat Error Handling uit kon. Nu werkt het op beide browsers.

[ Bericht 57% gewijzigd door BabeWatcher op 12-04-2005 20:28:25 ]

[ alle babes op 1 pagina via fok!wiki -bijgewerkt tot 20/10/2015 ]
Leve Kim , Leve Maduro , Leve Castro
#freeTarik #freeDemon_from_heaven

dinsdag 12 april 2005 @ 20:47:01 #46

SuperRembo

Sinds 1998

Werkt die css oplossing met expression() ook?

dinsdag 12 april 2005 @ 20:52:22 #47

BabeWatcher

Stephanie <3

Heb ik nog niet geprobeerd, maar dat ga ik eerst offline doen.
http://pix4u.coolfreehost.com/babe.php?babe=-ASI
voorbeeld, (popup blocker aan!) , klikken op plaatje met gebloktkader (dit is de script-versie, werkte al, maar liep vast in IE)

[ alle babes op 1 pagina via fok!wiki -bijgewerkt tot 20/10/2015 ]
Leve Kim , Leve Maduro , Leve Castro
#freeTarik #freeDemon_from_heaven

woensdag 13 april 2005 @ 12:10:42 #48

SqueaK

"Pis nooit tegen de wind

Ik ben ook begonnen met css....

het eerste probleempje: ik heb een cel die ik #kop heb genoemd...maar hoe centreer ik die in het midden ??

donderdag 14 april 2005 @ 09:40:51 #49

markiemark

FR 1908

een cel van een tabel? die staat toch al uitgelijnd in de tabel zeg maar? wil je de inhoud centreren? dast doe je met:

1	text-align: center;

hoop dat je dat bedoelde..

Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..

donderdag 14 april 2005 @ 12:07:21 #50

SqueaK

"Pis nooit tegen de wind

gewoon de hele inhoud van de site... ik heb dit als container, waar vervolgens 3 cellen in staan:

quote:
#container {
margin: auto;
padding: 0px;
width: 670px;
position: relative;
}

in FireFox staat die tabel wel in het midden, maar in IE staats alles links uitgelijnd...ik bedoel dus de text niet maar gewoon de container waar de inhoud in staat

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

[CSS] voor dummies - Deel 2

» digital corner

» digital corner