Waarom -waarden bij positioneren DIV elementen? - Softwareontwikkeling

dinsdag 12 april 2005 14:28

Acties:

Verwijderd

Topicstarter

Ik heb een website gemaakt die bestaat uit divs. Alles werkt prima, in IE, FF etc. Maar ik ze in de source een paar - waarden. Dit lijkt mij nog al vreemd en kan ook buggy zijn in andere browsers. Wat heb ik verkeerd gedaan?

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
    background-color: #68777B;
}


#container {
  margin: 0 auto;
  width: 899px;
  height: 436px;
  background-color: #8E999C;
  text-align: left;
  }
  
#header {
    width: 421px;
    height: 97px;
    background-image:url(heading.jpg);
    margin-left:477px;
        margin-top:-436px;
    }

#theme {

  width: 376px;
  height: 436px;
  background-image:url(left8.jpg);

}

#content {

  width: 421px;
  height: 339px;
  background-image:url(content.jpg);
  margin-left:477px;
  margin-top:-1px;

}

#menu {
    width: 101px;
    height: 436px;
    background-image:url(menu.jpg);
    margin-left: 376px;
    margin-top: -436px;
}
  
-->
</style>
</head>

<body>
<div id="container">
<div id="theme"></div>
<div id="menu"></div>
<div id="header"></div>
<div id="content"></div>
</div>

</body>
</html>

[ Voor 14% gewijzigd door Verwijderd op 12-04-2005 14:28 ]

dinsdag 12 april 2005 14:30

Acties:

Verwijderd

eehm dat zal je toch zelf wel weten als je die website zelf hebt gemaakt

wat is nou je probleem?

dinsdag 12 april 2005 14:34

Acties:

roan

Dit lijkt mij nog al vreemd en kan ook buggy zijn in andere browsers

Dus je weet het niet zeker

Edit:
Er is dus geen probleem, en je vraagt je af of wij het probleem kunnen opzoeken en oplossen?

[ Voor 33% gewijzigd door roan op 12-04-2005 14:34 ]

dinsdag 12 april 2005 14:34

Acties:

Pepper

The one and only!!

tsja welke waardes bedoel je?

deze ofzo?
width: 899px;
height: 436px;

of ik begrijp je niet

dus...

dinsdag 12 april 2005 14:35

Acties:

Verwijderd

Topicstarter

nou er zijn een aantal min waarden in de code. (-300 bv) dit is toch niet normaal??

dinsdag 12 april 2005 14:38

Acties:

Pepper

The one and only!!

euh.. je hebt um toch zelf gemaakt
dan weet je toch ook waarom je er er min van gemaakt hebt

dus...

dinsdag 12 april 2005 14:39

Acties:

Verwijderd

je hebt ze er toch zelf ingezet? negatieve waarden zijn gewoon toegestaan als je je dat afvraagt

dinsdag 12 april 2005 14:39

Acties:

Verwijderd

Topicstarter

P3PP3R schreef op dinsdag 12 april 2005 @ 14:38:
euh.. je hebt um toch zelf gemaakt
dan weet je toch ook waarom je er er min van gemaakt hebt

ja duhh omdat hij anders niet goed gepositioneerd stond

dinsdag 12 april 2005 14:39

Acties:

roan

Verwijderd schreef op dinsdag 12 april 2005 @ 14:35:
nou er zijn een aantal min waarden in de code. (-300 bv) dit is toch niet normaal??

Tsja, of het "normaal" is... Vast wel

Het kan/mag in principe ook gewoon, maar wat is nou je probleem?

dinsdag 12 april 2005 14:41

Acties:

Verwijderd

Topicstarter

z03m schreef op dinsdag 12 april 2005 @ 14:39:
[...]

Tsja, of het "normaal" is... Vast wel Het kan/mag in principe ook gewoon, maar wat is nou je probleem?

nou t lijkt mij niet normaal. Want -[waarde] zou betekenen dat het element helemaal boven de nul lijn zit en hij niet zichtbaar is in de browser

dinsdag 12 april 2005 14:44

Acties:

roan

Verwijderd schreef op dinsdag 12 april 2005 @ 14:41:
[...]

nou t lijkt mij niet normaal. Want -[waarde] zou betekenen dat het element helemaal boven de nul lijn zit en hij niet zichtbaar is in de browser

Het gaat er toch ook gewoon om dat het werkt?

dinsdag 12 april 2005 14:44

Acties:

ram.con

non-profit ram

Hebbie dit met een een of andere vage wysiwyg editor gemaakt? (ennen, waarom gebruikt ie dan de loose.dtd doctyp.... goed, dat terzijde). In dat geval, als het er goed uitziet, zou ik niet gaan proberen te doorgronden wat die editor heeft gebakken als je het zelf niet echt snapt. Test hem gewoon in wat browsers (iig een w3c juiste zoals FireFox oid) en zie maar.
Over die min-waardes: een margin top van -vierhonderdnogwat is inderdaad een beetje vreemd, maar kan zo uitkomen als de positionering niet al te helder is.
Kleinen negatieve waardes kunnen prima, al is het minder netjes.
Als je twijfelt over de geldigheid van dit bestand, haal hem dan eens door een w3c-html of liefst xhtml validator, bijvoorbeeld vanuit zo'n webdeveloper in FF)

dinsdag 12 april 2005 14:45

Acties:

Verwijderd

misschien moet je je effe wat verder verdiepen in CSS, zie bv www.w3schools.com/css

je hebt ook nog zoiets als positioning en document flow nl, het lijkt erop dat je nu alles met margins aan het neerzetten bent

dinsdag 12 april 2005 14:48

Acties:

Verwijderd

Topicstarter

ram.con schreef op dinsdag 12 april 2005 @ 14:44:
Hebbie dit met een een of andere vage wysiwyg editor gemaakt? (ennen, waarom gebruikt ie dan de loose.dtd doctyp.... goed, dat terzijde). In dat geval, als het er goed uitziet, zou ik niet gaan proberen te doorgronden wat die editor heeft gebakken als je het zelf niet echt snapt. Test hem gewoon in wat browsers (iig een w3c juiste zoals FireFox oid) en zie maar.
Over die min-waardes: een margin top van -vierhonderdnogwat is inderdaad een beetje vreemd, maar kan zo uitkomen als de positionering niet al te helder is.
Kleinen negatieve waardes kunnen prima, al is het minder netjes.
Als je twijfelt over de geldigheid van dit bestand, haal hem dan eens door een w3c-html of liefst xhtml validator, bijvoorbeeld vanuit zo'n webdeveloper in FF)

$_/-\o_$ dit zijn pas reply's!

Ik heb het gewoon met de hand gemaakt. Maar heb hem bewerkt in dreamweaver. Ik heb de divs met de handle gewoon verplaatst maar dat werd helemaal bagger in FF en IE.

dinsdag 12 april 2005 14:52

Acties:

Willem

En toch is hier best zelf uit te komen.
We zijn hier niet van de [ Artemis ] helpdesk.

Motor onderhoud bijhouden