[HTML/CSS]Margin/Padding Probleem

[Verwijderd]

Als je de volgende url in Mozilla of Firebird bekijkt zal je opvallen dat er een lege spatie naast News is

http://www.freex-tech.com/sub/Design/1/

Hoe los ik op, ik heb al geprobeerd margins beter in te stellen maar dit hielp niet (In IE ziet het er trouwens goed uit)

Cascading Stylesheet:

body {
  /* Background */
  background-color: #D1D0C7;
  /* Padding */
  padding: 0px;
}
.buitenkant {
  /* Width */
  width: 100%;
  /* Background */
  background-color: #ffffff;
  /* Border */
  border-width: 0px;
  border-style: solid;
  border-bottom-width: 1px;
  border-top-width: 1px;
}
.partners {
  /* Font */
  text-align: right;
  font-size: 12px;
  /* Background */
  background-color: #F3F3F3;
  /* Border */
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #C0C0C0;
  /* Padding */
  padding: 2px;
  padding-right: 10px;
}
.header img {
  /* Margin */
  margin: 15px;
}
.header a:link img, .header a:visited img, .header a:hover img, .header a.active img {
  /* Margin */
  margin: 2px;
  margin-right: 40px;
  /* Border */
  border-width: 0px;
}
.menu {
  /* Width */
  width: 100%;
  /* Border */
  border-width: 1px 0px 1px 0px;
  border-style: solid;
  border-color: #C0C0C0;
  /* Background */
  background-color: #F3F3F3;
  /* Font */
  text-align: right;
}
.menu ul {
  /* Margin */
  margin: 0px;
  /* Border */
  border-width: 0px;
  border-right-width: 1px;
  border-style: solid;
  border-color: #C0C0C0;
}
.menu ul li {
  /* Font */
  font-size: 14px;
  /* Other */
  display: inline;
  /* Border */
  border-color: #C0C0C0;
}
.menu ul li a:link, .menu ul li a:visited {
  /* Padding */
  padding-left: 15px;
  padding-right: 15px;
  /* Border */
  border-width: 0px;
  border-left-width: 1px;
  border-style: solid;
  border-color: #C0C0C0;
  /* Font */
  color: #5E1B13;
  
}
.menu ul li a:hover, .menu ul li a.active {
  /* Padding */
  padding-left: 15px;
  padding-right: 15px;
  /* Border */
  border-width: 0px;
  border-left-width: 1px;
  border-style: solid;
  border-color: #C0C0C0;
  /* Font */
  color: #A32E21;
}
.main {
  /* Margin */
  margin-left: 15px;
}
.main h1 {
  /* Margin */
  margin: 10px;
  margin-bottom: 5px;
  /* Font */
  font-size: 20px;
  color: #5E1B13;
}
.side {
  /* Float */
  float: right;
}
.side ul {
  /* Width */
  width: 250px;
  /* Border */
  border-width: 1px;
  border-style: solid;
  border-color: #C0C0C0;
  /* List */
  list-style-type: none;
  /* Margin */
  margin-top: 10px;
  margin-right : 10px;
}
.side ul li {
  /* Display */
  display: run-in;
}
.side ul li h1 {
  /* Font */
  font-size: 14px;
  font-weight: normal;
  color: #5E1B13;
  /* Margin */
  margin: 0px;
  /* Padding */
  padding: 2px;
  padding-left: 10px;
  /* Border */
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #C0C0C0;
  /* Background */ 
  background-color: #F3F3F3;
}
.side ul li h3 {
  /* Font */
  font-size: 13px;
  font-weight: normal;
  /* Margin */
  margin: 2px;
}
.copyright {
  /* Font */
  text-align: right;
  font-size: 12px;
  /* Background */
  background-color: #F3F3F3;
  /* Border */
  border-width: 0px;
  border-top-width: 1px;
  border-style: solid;
  border-color: #C0C0C0;
  /* Padding */
  padding: 2px;
  padding-right: 10px;
}

[Willem]

Comments in je code ok, maar dit is echt fantastisch zeg

Heb je al geprobeerd uit te zoeken waar het hem ongeveer zit, in plaats van maar gewoon de gehele CSS neer te kwakken?

[Verwijderd]

Hehe tja ik hou het "netjes"

Ik dacht het veilig te spelen en gewoon alles neer te "kwakken"

[ Voor 15% gewijzigd door Verwijderd op 08-03-2004 17:12 ]

[drm]

willem169:
Comments in je code ok, maar dit is echt fantastisch zeg

Heb je al geprobeerd uit te zoeken waar het hem ongeveer zit, in plaats van maar gewoon de gehele CSS neer te kwakken?

Dit kun je overigens doen door het vertrouwde CSS-debug-handigheidje: maak van elk verdacht element de border heel erg lelijk-truc

[Verwijderd]

Zijn ze dat nu al niet ?

maar zal proberen

[Verwijderd]

Nope is precies bug

[Blaise]

Waarom doe je trouwens een h1 IN de list? Het is de titel van die list, niet onderdeel van. Daarnaast is het nogal raar om daar een h1 te gebruiken omdat een h1 bedoeld is als hoofd-kop die het onderwerp van de pagina aangeeft.

[Verwijderd]

Dont come to me with problems, come to me with solutions!

[Verwijderd]

Zet browsers in standard-compliant rendering. Handig:
- http://annevankesteren.nl/archives/2004/02/box-model
- http://www.hut.fi/u/hsivonen/doctype.html

[drm]

weet je wel zeker dat je de padding op het ul element al geprobeerd had

Zullen we het dan nu over de problems gaan hebben?

[Verwijderd]

ik heb het zojuist geprobeerd. Helpt niet echt!

[Verwijderd]

Verwijderd schreef op 08 maart 2004 @ 18:51:
ik heb het zojuist geprobeerd. Helpt niet echt!

Ook al gelezen?

[drm]

Kidkiller:
ik heb het zojuist geprobeerd. Helpt niet echt!

Dan ben ik er toch vrij zeker van dat je dat niet goed geprobeerd hebt, want hier werkt het prima, zowel in Firefox als het (toch al wat) verouderde Mozilla 1.3.

Laat overigens onverlet dat het niet onhandig is je even te verdiepen in de linkjes die Anne aangeeft.

[Verwijderd]

code:

.side ul {
  /* Width */
  width: 250px;
  /* Border */
  border-width: 1px;
  border-style: solid;
  border-color: #C0C0C0;
  /* List */
  list-style-type: none;
  /* Margin */
  margin-top: 10px;
  margin-right : 10px;
  padding-left: 0px;
}

zo bedoel je he ? zo werkt het niet