division spacing

[Kproz]

kep een website met een division, en de content daarvan word bepaalt met een php scriptje ( include ) nu als mijn DEFAULT page included is. heb ik op die pagina nog divisions staan, maar de text in die divisions plakt pal tegen de kant van die division!
hoe los ik dat op?

( ben nieuw )

 

[Tha Devil]

Divisions? Werk je met CSS?

Wat ik zo begrijp kun je het oplossen met een margin of een padding.

Heb je een online voorbeeld of een broncode die je kunt plaatsen?

(Je kunt hier de code plaatsen via

{hier je code}

)

 

[Kproz]

site sumary staat er zo helemaal tegen te kant ! ik wil het wat van de kant af hebben :]

<div class="default_newscheck" > lol </div>
<div class="default_mainbox"> <h1 align="center"> Enjoy your stay here! </h1>
_______________________________________________________________________________________<br>
<h2> site summary! </h2></div>
<br>
<div class="default_programscheck" > zor </div>
<div class="all_advertisefoot"> advertise </div>
<div class="all_copyrights"> copyrights </div>

is de pagina. ( deze word met php in een andere division geladen ) , ik moest het zo doen omdat ik erges heb gelezen dat Iframes maar niks zijn voor google ranking :]

->

.default_newscheck {
	position:relative;
	width: 150px;
	height:250px;
	border:inset 1px;
	background-color:#00CC99;
}
.default_programscheck {
	position:relative;
	width:150px;
	height:215px;
	border:inset 1px;
	background-color:#000066;
}
.default_mainbox {
	position:absolute;
	left:175px;
	width:786px;
	height:490px;
	background:#0066CC;
	top:0px;
	
}
.all_advertisefoot {
	position:absolute;
	width:960px;
	height:100px;
	background-color:#993300;
	top: 500px;
}
.all_copyrights {
	position:absolute;
	width:960px;
	height:35px;
	background-color:#FF9933;
	top: 610px;
}

 

[peter vazed]

Wat je moet doen is:
de bron van je pagina bekijken.
Nu loop je door de code, en dan zie je waar de "fout" zit.
Mits je met <-! comments --> werkt in je code, opdat je de verschillende delen van je pagina met includes uit elkaar kunt houden.

Nu weet je waar je een aanpassing moet doen. (zoals reeds aangegeven door Tha Devel)
Zal dus
een margin = afstand naar ander element
of een padding = afstand binnen een element
zijn.


Oeps, had je code niet gezien: :shocked:
class="default_mainbox">
Dus in je default_mainbox een padding:10px; zetten,
en dan kijken of het juist is

:cool;

 

[Tha Devil]

Dus in je default_mainbox een padding:10px; zetten,
en dan kijken of het juist is

Waarschijnlijk zal dan ook de tekst Enjoy your stay wat opschuiven.

Het handigste lijkt mij om gewoon een nieuwe div met class of id aan te maken genaamd content (Tenzij het Enjoy your stay niet op elke pagina verschijnt) met daarin de padding.

 

[Kproz]

zie je wat er gebeurd :/ die division is oppeens groter geworden toen ik padding : 10px toevoegde! oke, ik kan dit gemakkelijk wegwerken maar ik vraag me af hoe het komt

 

[Tha Devil]

Als ik dat zo bekijk dan is het hele vlak naar beneden gegaan...

Ik zou persoonlijk dit doen

<div class="default_mainbox">
  <div class="content">
    <h1 align="center"> Enjoy your stay here! </h1> 
    <hr />
    <br> 
    <h2> site summary! </h2>
  </div> 
</div>

en dan in de css

.content {
  padding: 0 0 0 10px;
}

 

[Kproz]

nou, ik ben eruit dus deze mag toe :]

 

[mrniceguy2002]

Nog even toegevoegd...

Padding voegt een extra breedte toe aan het element.

een element met breedte 30px en een padding van 10px is dus 50x50.
Niet handig, maar elke keer als je de padding veranderd, zal je dus ook de breedte moeten verkleinen met (2x) de waarde van je padding..