CSS div naar top - Softwareontwikkeling

woensdag 2 mei 2007 18:37

Acties:

Verwijderd

Topicstarter

Hallo,

Ik heb een klein stukje css gemaakt met de bijhordende HTML. Mijn porbleem zit als volgt: Ik wil dat mjin header helemaal in de top van de browser komt. Ik probeerde margin-top: 0px en padding-top: 0px

Geen vna beide werkte ...

Mijn stukje css:

Cascading Stylesheet:

    #header {
    
    background-image : url(http://www.bnc-sof2.com/temp/images/header.gif);
  background-repeat : no-repeat;
    height: 132px;
    background-position: center;
    padding-top: 0px;

    
    }

woensdag 2 mei 2007 18:42

Acties:

TeeDee

CQB 241

- Zet eens een padding:0 en een margin:0 op je body?
- haal even adem en fatsoeneer je topicstart even

- Code zetten we tussen [code=css]..[/code] tags.

Heart..pumps blood.Has nothing to do with emotion! Bored

woensdag 2 mei 2007 18:48

Acties:

Verwijderd

Topicstarter

In I.E. werkt dit Maar ... In FF niet ...

- haal even adem en fatsoeneer je topicstart even

Wat bedoel je precies ? Als het men getyp is, ik heb dyslxtie ...

woensdag 2 mei 2007 19:03

Acties:

TeeDee

CQB 241

Verwijderd schreef op woensdag 02 mei 2007 @ 18:48:
In I.E. werkt dit Maar ... In FF niet ...

Toon eens nog wat meer HTML, misschien dat er nog wel meer niet goed is.

Wat bedoel je precies ? Als het men getyp is, ik heb dyslxtie ...

Dat je dyslectisch bent had ik al zo tussen neus en lippen door meegekregen

.
Als je nu dus nog even wat HTML neer plemp (niet alles, een testcase) en die even tussen
[code=html] // je code [/code] plaatst, of nog beter: een online testcase.

Heart..pumps blood.Has nothing to do with emotion! Bored

woensdag 2 mei 2007 19:07

Acties:

Verwijderd

Topicstarter

Cascading Stylesheet:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>[BNC] | Belgium Netherlands Clan And Others | bnc-sof2.com</title>

<style type="text/css">
<!--
body { 

    font-family:verdana ;
    color: #F8F8FF;
    background-color: #3D392D ;
    font-size:  12px;
    padding: 0px;
    margin:0 px;
    }
    
    a {color: #F8F8FF; text-decoration: none; }
    a:visited {color: #F8F8FF; }
    a:active {color: #F8F8FF; }
    a:hover {color: #FF8C00;font-weight: bold}
    
    
    #header {
    
    background-image : url(http://www.bnc-sof2.com/temp/images/header.gif);
  background-repeat : no-repeat;
    height: 132px;
    background-position: center;
    padding-top: 0px;

    
    }





    

-->
</style>

</head>
<body>
<center><div  id="header"></div></center>

</body>
</html>

woensdag 2 mei 2007 19:08

Acties:

Verwijderd

Topicstarter

Het is toch alles wat ik al heb lol

Dus ja ... Veel fouten kunnen er inet zijn dnek ik hé

woensdag 2 mei 2007 19:12

Acties:

TeeDee

CQB 241

spatie tussen je margin: 0 px; aangepast in margin: 0px; en het probleempje is in Fx ook weg.
dus:

Cascading Stylesheet:

body { 
    font-family:verdana ;
    color: #F8F8FF;
    background-color: #3D392D ;
    font-size:  12px;
    padding: 0px;
    margin: 0px;
    }

[ Voor 49% gewijzigd door TeeDee op 02-05-2007 19:12 ]

Heart..pumps blood.Has nothing to do with emotion! Bored

woensdag 2 mei 2007 19:14

Acties:

ibmos2warp

Eval is Evil

Een snelle en slechte hack is om margin-top: -10px; in de #header te zetten... Padding is voor in het element, margin is voor buiten het element ;-). Overigs, als je al background-position: center; hebt hoef je niet nog eens center om je div heen te zetten... (Als je tekst daar gaat gebruiken is het een ander verhaal, maar ok)..
[Edit]Doe maar wat TeeDee hierboven zegt, dat is het goede, ik had daar nog niet eens op geled

[ Voor 12% gewijzigd door ibmos2warp op 02-05-2007 19:16 ]

Ik weet alles van niks
Vind Excel ongelovelijk irritant.

Pagina: 1

Reageer