Archief - positieprobleempje met content

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
c

clau

Legacy Member
Ik ben in Dreamweaver bezig met een site, maar ik heb een klein probleem. Wanneer ik mijn site namelijk bekijk in design-view, staat al m'n content ongeveer 10pixels lager dan hij eigenlijk moet staan. In live view of wanneer ik de site upload en 'm online bekijk, staat hij wel gewoon goed.

Kan ik dat foutje in design-view gewoon negeren of scheelt er toch ergens iets?
f

frd

Legacy Member
Heb je het online al getest met verschillende browsers (Firefox & IE should do the trick) ?
c

clau

Legacy Member
In Firefox staat het goed, in IE staat het qua hoogte ook goed, maar daar staat m'n content dan weer een pixel of 30 teveel naar links.
M

Metropolice

Legacy Member
Je kan de fout in designview gerust negeren. Die laat soms wel meer steken vallen, het online gedeelte is het stuk dat telt. Kan je miss een stuk code online zetten zo kunnen wij miss zeggen wat er fout is.
c

clau

Legacy Member
Gezien echt heel m'n content (van header tot en met footer) in één blok verkeerd staat, neem ik aan dat de fout hier ergens in moet zitten:

/**************************************************
BODY/CONTAINER
**************************************************/

body{
background-image: url(../../images/blokjes.jpg);
background-repeat:no-repeat;
background-position:top;
background-attachment:scroll;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 13px;
color: #514E4E;
text-align:justify;
line-height: 24px;
margin: 0;
padding: 0;
}

p{
margin: 0 270px 0 210px;
}

a:link, a:visited{
color:#FFF;
text-decoration:none;
}

#container{
margin:0 auto;
width:955px;
}
G

GregoryCo

Legacy Member
die margin:0 en padding:0 van uw body zet je best apart als
*{
margin:0;
padding:0;
}

En design preview is echt brol, mag je negeren :) gewoon controleren in IE (eventueel met IE tester voor verschillende versies), FF, Safari,...

Uw container relatief positioneren en alles daarin absoluut indien nodig
M

Metropolice

Legacy Member
Meestal zet ik mijn text-align: left in de body en dan in p gebruik ik padding om deze juist te positioneren binnenin mijn divs. Zo blijft deze normaalgezien altijd juist staan. Zo kan je bijvoorbeeld uw div de classe .div_content p{} geven waarin je dan de tekstopmaak in die classe bepaald. Zo gaan dan al je p's in die div de zelfde opmaak hebben.
c

clau

Legacy Member
Anders loopt m'n tekst door en ik wil het enkel tussen die twee marges hebben?
M

Metropolice

Legacy Member
Probeer anders eens wat ik gezegd heb normaal mag je dat probleem dan niet meer hebben. Veel succes !
D

Dj Aero

Legacy Member
misschien eerst een algemene reset uitvoeren in uw css?

*{
margin:0;
border:0;
....
}
M

Metropolice

Legacy Member
Zoals ze in het topic boven mijn vorige ook zeiden is dit best eerst aan te raden. Anders gaan uw paddings en margins verkeerd blijven uitkomen.
a

adrianhates

Legacy Member
clau zei:
Anders loopt m'n tekst door en ik wil het enkel tussen die twee marges hebben?
Klik om te vergroten...

Als je website een structuur / grid heeft is zulke margin zelden nodig op een paragraaf.. :)

Feel free to post your code
c

clau

Legacy Member
Morgen heb ik tijd om mij er eens aan te zetten en jullie tips toe te passen :) Als er dan nog iets mis is, post ik meteen ook de code :) Bedankt al in ieder geval!
c

clau

Legacy Member
Heb de dingen aangepast die jij zei, alleen die padding van de p heb ik anders gedaan. Is het zo ook oké? Ik zal hieronder de hele code posten want ik heb nog altijd een probleempje: mijn footer staat in de resolutie 1440*900 wel in het midden, maar bij 1024*768 niet. En m'n header heb ik met cufon in een ander lettertype geplaatst, maar in IE zie ik het gewone lettertype waardoor heel m'n content naar boven wordt getrokken. Aangezien ik nog maar pas begin, zullen er nog wel meer fouten instaan die ik zelf nog niet meteen zie dus die mag je altijd aanhalen :)

/**************************************************
BODY/CONTAINER
**************************************************/

*{
margin:0;
padding:0;
}

body{
background-image: url(../../images/achtergrondgrijzer.jpg);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:top;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
color:#000;
text-align:justify;
line-height:22px;
}

p{
padding: 10px 420px 0 140px;
}

a:link{
color: #000;
text-decoration: none;
}

strong{
color:#FFF;
}

#container{
margin: 0 auto;
width:1024px;
}

/***********************************************
HEADER
***********************************************/

h1{
margin: 10px 0 0 250px;
padding: 0 0 10px 0;
color:#dd0505;
font-size:80px;
}

h2{
margin: 0 0 0 208px;
color:#000;
font-size:30px;
}

/***********************************************
NAVIGATION
***********************************************/

.nav ul{
list-style:none;
margin:10px 0 0 125px;
padding:0;
}

.nav ul li{
float:left;
font-size:18px;
margin: 40px 30px 0 0;
color:#dd0505;
}

.nav ul li a{
color:#000;
text-decoration:none;
}

.nav ul li a.highlight{
color:#dd0505;
}

/***********************************************
CONTENT
***********************************************/

h3{
font-size:30px;
font-weight:bold;
margin: 120px 0 0 135px;
padding: 0 0 20px 0;
}

a.journalist{
color:#000;
text-decoration:underline;
font-weight: bold;
}

.afbeelding1{
position:absolute;
border: solid 2px #FFF;
margin: -375px 0 0 625px;
}

.afbeelding2{
position:absolute;
border: solid 2px #FFF;
margin: -170px 0 0 625px;
}

.filmpje{
position:absolute;
margin:-300px 0 0 580px;
}

dl{
margin: 25px 0 0 0;
}

dt{
font-weight:bold;
margin: 0 0 0 135px;
}

dd{
margin: 0 0 0 135px;
}

a.contactFAQ{
color:#FFF;
text-decoration:underline;
}

/***********************************************
FOOTER
***********************************************/

#footer{
background: url("../images/footer.gif") no-repeat;
margin: 35px 0 0 75px;
width:866px;
height:68px;
}

#footerinfo{
font-size:11px;
color: #dd0505;
margin: 23px 0 0 255px;
position:absolute;
}

#footercontact{
background: url("../images/footer.gif") no-repeat;
margin: 13px 0 0 75px;
width:866px;
height:68px;
}

#footerhome{
background: url("../images/footer.gif") no-repeat;
position:absolute;
margin: 535px 0 0 75px;
width:866px;
height:68px;
}

#footerFAQ{
background: url("../images/footer.gif") no-repeat;
position: absolute;
margin: 10px 0 0 75px;
width: 866px;
height: 68px;
}

a.contact{
color:#dd0505;
text-decoration:underline;
}
Klik om te vergroten...
G

GregoryCo

Legacy Member
Je hebt geen content div? Het is de bedoeling dat je binnenin uw container nog een content div zet waaring uw inhoud in moet. In de container moeten dus uw header, menu, content, footer enzo zitten, anders zul je problemen krijgen qua positionering.

Zo dus bvb:

Code: 
<div id="container">
    <div id="header"></div>
    <div id="menu"></div>
    <div id ="content">
    	<p></p>
    </div>
    <div id="footer"></div>
</div>
c

clau

Legacy Member
Jawel die heb ik wel in m'n html. Heb die in z'n geheel gewoon geen css-eigenschappen gegeven, maar alles apart
a

adrianhates

Legacy Member
Je kan beter je container een beetje positioneren om dan die paddings/margins te kunnen laten op uw paragrafen etc..
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan