Thread: Q: CSS hacks

  1. #1
    TheBram's Avatar
    Registered
    20/04/06
    Location
    beervelde
    Posts
    558
    iTrader
    4 (100%)
    Mentioned
    0 Post(s)

    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 geplakt
    All I remember is oblivion
    no votes  

  2. #2
    exxhal's Avatar
    Registered
    14/09/06
    Location
    Brasschaat
    Posts
    506
    iTrader
    5 (100%)
    Mentioned
    0 Post(s)
    Eventueel een screenshot van u code en screenshot van u css.
    no votes  

  3. #3
    Zero Grav's Avatar
    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  

  4. #4
    dJeez's Avatar
    Registered
    17/07/02
    Location
    Sol System
    Posts
    10,064
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    27/78
    Quote Originally Posted by TheBram View Post
    This quote is hidden because you are ignoring this member. Show
    Zoals altijd gaat IE padding en margin anders opvatten, dus trekt et weer op de kl*ten
    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 alieno
    Pastafarian by choice
    no votes  

  5. #5
    TheBram's Avatar
    Registered
    20/04/06
    Location
    beervelde
    Posts
    558
    iTrader
    4 (100%)
    Mentioned
    0 Post(s)
    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 oblivion
    no votes  

  6. #6
    Zero Grav's Avatar
    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.asp
    no votes  

  7. #7
    TheBram's Avatar
    Registered
    20/04/06
    Location
    beervelde
    Posts
    558
    iTrader
    4 (100%)
    Mentioned
    0 Post(s)
    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 oblivion
    no votes  

  8. #8
    Zero Grav's Avatar
    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  

  9. #9
    exxhal's Avatar
    Registered
    14/09/06
    Location
    Brasschaat
    Posts
    506
    iTrader
    5 (100%)
    Mentioned
    0 Post(s)
    Werk in den begin niet met "position: absolute;"
    en verander deze door "float: left;" voor u bar.
    Bekijk je resultaat.
    no votes  

  10. #10
    exxhal's Avatar
    Registered
    14/09/06
    Location
    Brasschaat
    Posts
    506
    iTrader
    5 (100%)
    Mentioned
    0 Post(s)
    gebruik voor je css:
    body
    header
    content
    left
    right
    footer
    eventueel footercontent
    no votes  

  11. #11
    adrianhates's Avatar
    Registered
    23/01/06
    Posts
    2,115
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    23/23
    op ziets lelijk en te fel voor mijn oge blijvek zelfs ni zien

    ( niks persoonlijk xD )
    no votes  

  12. #12
    frenzal's Avatar
    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  

  13. #13
    Devastate's Avatar
    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  

  14. #14
    TheBram's Avatar
    Registered
    20/04/06
    Location
    beervelde
    Posts
    558
    iTrader
    4 (100%)
    Mentioned
    0 Post(s)
    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 oblivion
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in