login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Hulp met mijn site

Offline Tomkommer - 11/04/2007 22:36 (laatste wijziging 11/04/2007 22:39)
Avatar van TomkommerNieuw lid Hallo allemaal,

ik doe een studie HBO ICT, en ben nu bezig geweest met div'jes. Alleen wil ik altijd moeilijkere sites maken dan eigenlijk in mijn bereik ligt 

Heb mijn 1e course (WebDevelopment) in 2 weken afgerond --> versneld.

En heb dus nu een week of 2 ervaring met div'jes

Nu heb ik 2 sites en dus 2 vragen:

Probleem 1
1 van mijn website werkt perfect op firefox, alleen in IE komt het logo niet onderaan de div.

http://img451.i...ermgo6.png
Screenshot van de site, waarin goed te zien is dat het logo "zweeft"

hieronder een link naar de code van index.html:
http://www.plaatscode.be/5001/

link naar de code van style.css:
http://www.plaatscode.be/5003/

link naar de code van style2.css:
http://www.plaatscode.be/5004/

Ik hoop dat iemand de oplossing weet (misschien een IE hack?)

Probleem 2
Tevens ben ik bezig met een site voor iemand die ik ken. Nou heb ik de lay out van de site aangepast die ik hierboven liet zien als een soort nood oplossing.

Na een tijdje ge-googled te hebben, kwam ik op deze link uit:

http://d-graff.de/fricca/center.html

Ik wil mijn site precies zo maken. Alleen dan met niet zoals hier 2 div'jes náást elkaar, maar 3 div'jes boven elkaar.

Ook van de site zoals ik hem nu heb, heb ik een screenshot. Het is dus de bedoeling dat globaal de setup van de site hetzelfde is als de screenshot, alleen in de vorm van de bovenstaande link.

Screenshot:
http://img451.i...ackbm9.png

Voor deze site hebben jullie naar mijn mening geen code's verder nodig, omdat de gehele code van de site die je ziet in de onderstaande link in de bron staat:

http://d-graff.de/fricca/center.html

Ik zou alleen graag willen weten hoe je daarin dus 3 divjes onder elkaar maakt (header, een menu balk, en een content).

Het zou erg fijn zijn als iemand mij kan verlossen van deze problemen  

Ik hoor het wel,

Groetjes,

Tom 

9 antwoorden

Gesponsorde links
Offline bertmelis - 11/04/2007 23:18
Avatar van bertmelis PHP interesse Probleem 1:
je hebt padding: 30px; in je html staan. Dan zet uw browser in de div 30px padding.
Waarom het in de ene browser wel werkt, en de andere niet heeft volgens mij te maken met de prioriteit van style-definities. Inline heeft hogere prioriteit dan style in css. Maar waarom ook de 2 door elkaar gebruiken...?
Offline Tomkommer - 11/04/2007 23:22
Avatar van Tomkommer Nieuw lid Euhm, heb je misschien ook de oplossing?

of bedoel je misschien dat ik alles in de css moet definieren?

Die padding is inderdaad een "slordigheidje" , want die zou in css kunnen 

Maar vind het nog steeds raar en heb zelf iig het idee dat het aan de interpretatie van IE ligt...:|
Offline bertmelis - 11/04/2007 23:26
Avatar van bertmelis PHP interesse Probleem 2: gewoon 3 divjes na elkaar in de "container" stoppen en volgens mij is het dan klaar.

Citaat:
Euhm, heb je misschien ook de oplossing?
Tegen betaling, ja. Maar aangezien je nog student bent wil ik de eer aan jou laten Je leert niets door iemand anders de oplossing te laten maken.
Citaat:
of bedoel je misschien dat ik alles in de css moet definieren?
ja
Offline bennieboy - 11/04/2007 23:34 (laatste wijziging 11/04/2007 23:37)
Avatar van bennieboy HTML beginner
  1. verwijderd


Da is de code van die site. Ni zo moeilijk, kijk zelf maar!

Citaat:
Rens edit:
Lappen code horen hier niet thuis.
Die horen op http://www.plaatscode.be!!!!
Offline Tomkommer - 11/04/2007 23:46
Avatar van Tomkommer Nieuw lid
Citaat:
Tegen betaling, ja. Maar aangezien je nog student bent wil ik de eer aan jou laten Je leert niets door iemand anders de oplossing te laten maken.


hahaha hoef ook niet de oplossing ;) maar wel graag een tip hoe ik het in beide browsers in order krijg. Dit is namenlijk de enige "fout" in mijn website 

En heb al in de container 3 div'jes achter elkaar gezet, aangezien div'jes standaard onder elkaar komen ja ;) Dit werkt dus niet...
Alles verspringt dan, of dat kan aan mij ligge magoed.. Want dan gaat de tekst ook gewoon door de kader heen, omdat die 2 div's die er nu in dat voorbeeld staan naturlijk floaten.

@bennieboy

Je code was te lang, dus ik zie nog niks ;)
Offline bertmelis - 11/04/2007 23:54
Avatar van bertmelis PHP interesse Jamaar, in dat voorbeeld hebben de divs een welbepaalds hoogte en breedte. Je moet dit voor uw ontwerp wel aanpassen eh!
width en height voor zowel distance, container en container div nakijken!

Probleem 1:
zet in uw css bij #head:
padding: 30px 30px 0 30px;
Haal die padding uit de html.

Probleem 3: volgende lessen toch niet te ver vooruit lopen!
Offline Tomkommer - 11/04/2007 23:57
Avatar van Tomkommer Nieuw lid hahaha

dat zin in mijn aard ;) wil gewoon veel leren omdat ik het interessant vind. En wil dus experimenteren wat de mogelijkheden zijn om zo mijn vaardigheden te verbeteren 

iig erg bedankt voor je hulp 

Ja de hoogte zal ik aan moeten passen, alleen het is jammer dat ze floaten, aangezien ik het handige vind als ik bijv (van boven naar benden gezien) de div's heb:

Header
Balk
Content (met scrollbar indien nodig)
Footer

en dit dan alles in de container div ;)

Dan hoef je naar mijn mening niet met float te werken toch ?:s

Offline bertmelis - 12/04/2007 00:00
Avatar van bertmelis PHP interesse float mag niet eh, want dan gaan ze (als de breedte het toelaat) naast elkaar staan.
Offline Tomkommer - 12/04/2007 00:04 (laatste wijziging 12/04/2007 00:12)
Avatar van Tomkommer Nieuw lid klopt, alleen zoals je in die link kan zien gebruiken hun wel float ;)

wat je dan als probleem krijg is dat ze als het ware worden opgetild, zo krijg je dus nooit wat ik wil.

Ik zal nog eens even gaan klooien.

Nog erg bedank voor je hulp, want probleem 1 is opgelost 

Maar als iemand nog concrete tips heeft voor probleem 2, zijn deze altijd welkom 

*edit*
T wil al aardig lukken, even rust genomen en schiet aardig op met probleem 2 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.187s