Thread: Q: CSS hacks
-
05-12-2007, 15:06 #1
Q: CSS hacks
ik ben bezig aan de vernieuwing van deze site, omdat de site voordien moest functioneel zijn heb ik neit echt veel aand8 gespendeerd aan design, maar nu ist examens, tijd over dus, dus ben ik een begonne met een tweede versie. Maar zoals altijd heb ik het probleem om de site crossbrowser compatibel te maken. Ik verkies firefox, hier ziet hij er dus goed uit, maar IE doet weer beu
screen FF
screen IE
Zoals altijd gaat IE padding en margin anders opvatten, dus trekt et weer op de kl*ten
Nu heb ik ff gegoogled en css hacks gevonden. Maar is dit wel goed om te gebruiken of moet ik mijn design gaan aanpassen zodat het in beide browsers mooi oogt?
Edit: bij de IE screen staat er al een textbox, bij FF staat die er natuurlijk ook, maar ik had die ene screen vroeger getrokken dan e andere. Maar bij FF staat mijn tekst wel mooi in mn div, zoals je ziet bij IE staat die aan de onderkant geplaktAll I remember is oblivionno votes
-
-
05-12-2007, 16:30 #2
Eventueel een screenshot van u code en screenshot van u css.
no votes
-
05-12-2007, 18:54 #3Member
- Registered
- 06/06/04
- Location
- Bilzen
- Posts
- 8,805
- iTrader
- 18 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 42/128
Misschien is het beter eerst eens naar uw eigen code te kijken in plaats van direct de schuld op internet explorer te steken. Ik heb zo'n problemen namelijk niet. En zonder code kan er ook maar weinig verholpen worden.
no votes
-
05-12-2007, 19:06 #4Member
- Registered
- 17/07/02
- Location
- Sol System
- Posts
- 10,064
- iTrader
- 1 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 27/78
Dat heeft slechts 1 reden sedert IE6, en dat is dat je in Quirks mode terechtkomt. Zorg er dus eerst maar eens voor dat je pagina en CSS valideert (begin alvast maar met een DOCTYPE te specifiëren) en zaag dan pas op IE
.
PSN: dJeezBE - Delicious bookmarks
Disclaimer: I am currently suffering from severe CSD (Compulsive Sarcasm Disorder). - L'onion fait la farce - Facile largire de alienoPastafarian by choiceno votes
-
05-12-2007, 19:36 #5
ok, ksnap et, maar welke doctype kan ik nu eig het beste gebruiken, want et ziet er mij nogal een warboel uit
(en khaat
IE nog steeds)
edit: keb deze doctype eens inegbracht:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">, mar dit veranderde niet veel, mss werd elke element enkele pixels omlaag geschoven maar dat is het dan ook
hier is ook mijn css code:Code:<style type="text/css"> body { color: white; background-color: #1a1a1a; background-image: url('headertop.bmp'); background-repeat: repeat-x; } #bar { margin-top: 25px; position: absolute; left: 0px; } #logo { margin-top: 50px; margin-left: 50px; font-family: Verdana; font-weight: 110%; } #subtitel { display: block; background-image: url(menustripe2.png); font: 21px bold verdana; padding: 7px 0 4px 3px; margin: 0px; width: 73%; position: absolute; top: 203px; left: 210px; color: #00dd00; } #text { position: absolute; top: 235px; left: 210px; width: 70%; font: bold 14px verdana; border-bottom: 1px solid #005500; border-left: 1px solid #005500; border-right: 1px solid #005500; padding-top: 20px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; height: 225px; } #bottom { position: absolute; left: 40%; top: 95%; } a { text-decoration: none; color: green; font-family: trebuchet ms; font-weight: 105%; }Last edited by TheBram; 05-12-2007 at 19:43.
All I remember is oblivionno votes
-
05-12-2007, 19:44 #6Member
- Registered
- 06/06/04
- Location
- Bilzen
- Posts
- 8,805
- iTrader
- 18 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 42/128
Iemand die zo'n vragen stelt kán Internet Explorer helemaal niet haten want die persoon weet niet waar ie over spreekt. 't Is niet omdat 20 mensen zeggen dat Internet Explorer slecht is dat ge het zelf ook maar moet roepen zenne.
http://www.w3schools.com/tags/tag_doctype.aspno votes
-
05-12-2007, 19:58 #7
typisch dat gekak weer als men fan is van een bepaald iets, IE werkt gewoon traag op mijn comp, das de enige reden waarom ik IE 'haat'.
Keb 2 doctypes ingebr8, 1 van html en 1 van xml, en de padding in mn tekstvak is ondertussen ok, de breedte van het tekstvak klopt nu ook met de kop, maar enkel mijn menu links blijft nog te hoog staan
hier is de code van mn menu:
Code:#menu { font: bold 16px Verdana; font-size: 120%; width: 160px; padding: 0px; margin-top: 100px; margin-left: 15px; } #menu h1 { display: block; background-image: url(menustripe2.png); font-size: 110%; padding: 7px 0 4px 3px; margin: 0px; width:157px; } #menu ul { list-style: none; margin: 0px; padding: 0px; border-bottom: 1px solid #005500; border-left: 1px solid #005500; border-right: 1px solid #005500; height: 240px; } #menu ul li { margin: 0px; padding: 0px; } #menu ul li a { font-size: 80%; display: block; border: none; padding: 6px 0px 3px 3px; text-decoration: none; color: #006600; width:160px; } #menu ul li a:hover, #menu ul li a:focus { color: #00cc00; width: 157px; }All I remember is oblivionno votes
-
05-12-2007, 20:33 #8Member
- Registered
- 06/06/04
- Location
- Bilzen
- Posts
- 8,805
- iTrader
- 18 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 42/128
Ik heb een Mac, veel Internet Explorer zal ik dus niet gebruiken lijkt me. 't Gaat eerder over het hersenloos bashen op browsers door zoveel mensen.
En indien ge dit opgelost wilt hebben zullen we gewoon uw volledige html en css moeten hebben.no votes
-
06-12-2007, 08:37 #9
Werk in den begin niet met "position: absolute;"
en verander deze door "float: left;" voor u bar.
Bekijk je resultaat.no votes
-
06-12-2007, 08:42 #10
gebruik voor je css:
body
header
content
left
right
footer
eventueel footercontentno votes
-
06-12-2007, 16:14 #11
op ziets lelijk en te fel voor mijn oge blijvek zelfs ni zien
( niks persoonlijk xD )no votes
-
06-12-2007, 16:46 #12Member
- Registered
- 20/12/02
- Location
- Antwerpen
- Posts
- 1,319
- iTrader
- 8 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/1
probeer altijd te vermijden om een width/height en padding/margin in te stellen opdezelfde element, een beetje vervelend maar meestal is dit wel goed te doen en zo vermijd je al 90% van de problemen, de padding/margin stel je dan in op het element binnen de div (of andere) met vaste width/height
no votes
-
06-12-2007, 17:34 #13Approved 9-lifer
- Registered
- 15/01/06
- Location
- Brugge
- Posts
- 6,538
- iTrader
- 19 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/45
ik vind eigelijk die foxy data v1 veel beter dan deze ...
A "racist rapist" sounds worse than a regular rapist when u first hear it, but it's actually better 'cause less people get raped.no votes
-
07-12-2007, 16:11 #14
nuja, na veel gepruts is het toch in orde gekomen, ik zal de code later eens zuiveren, momenteel ebbik examens dus niet echt veel tijd om mij te verdiepen in css. De kleuren ga ik voorlopg zo laten, mss verander ik ze later naar blauw.
All I remember is oblivionno votes

