• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Problema AIUTO CSS

30 Gennaio 2014
6
0
0
Messina
Miglior risposta
0
#1 Autore del topic
Ciao a tutti, ho un problema con questa pagina html. Vi posto il codice. Il problema è che l'elemento "down" e l'elemento "consiglio" quando la pagina viene ristretta verso l'altro cambiano la loro posizione, arrivando alla sommità della pagina. Questo non deve assolutamente accadere, perchè si vede male su alcuni computer.

HTML:
<body>
<center>
<div class="top_bar">
<div class="email"><p>francesco.mondello@gmail.com</p></div>
</div>
<div class="header">
<div class="logo"><a href="index.html"><img src="imgs/Schermata 2014-02-10 alle 21.46.08.png"></a></div>
<div class="navbar">
<div class="home"><a href="#"><img src="imgs/Schermata 2014-02-10 alle 22.09.41.png"></a></div>
<div class="gallery"><a href="#"><img src="imgs/Schermata 2014-02-10 alle 22.12.51.png"></a></div>
<div class="about"><a href="#"><img src="imgs/Schermata 2014-02-10 alle 22.17.51.png"></a></div>
<div class="contact"><a href="#"><img src="imgs/Schermata 2014-02-10 alle 22.23.42.png"></a></div>
</div>
</div>
<div class="foto"><img src="imgs/Schermata 2014-01-24 alle 21.58.35.png"></div>
<div class="intestazione"><p><i>Welcome to my personal website.<br>Scroll down to view the contents.</i></p></div>

<div class="consiglio"><p>Uptade your browser to see this site well.</p></div>
<div class="down"><a href="#"><img src="imgs/Schermata 2014-02-10 alle 22.49.31.png"></a></div>


</center>
</body>
</html>
Codice:
@Charset "utf-8";

/* CSS Document */

* {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

.top_bar {
	width:100%;
	background-color:#2ACDC9;
	height: 50px;
	box-shadow: 0px 0px 7px 0px #666;
	z-index: 998;
}

.email {
	height: 50px;
	width: 360px;
    color:#FFF;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 20px;
	float: right;
	margin-left: 200px;
	padding-top: 7px;
	margin-left: -30px;
	position: relative;
}
.header {
	height: 120px;
	background-color:#FFF;
	box-shadow: 0px 0px 7px 0px #999;
	width: 100%;
	margin-top: 1px;
	z-index:999;
}
.logo {
	width: 370px;
	height: 70px;
	margin-left: 70px;
	padding-top: 28px;
	
	float: left;
}

.navbar {
	height:110px;
	width: 900px;
	border:solid #FFF;
	margin-left: 400px;
}
.home {
	height: 35px;
	width: 79px;
	margin-top: 48px;
	margin-left: -270px;

}
.gallery {
    height: 38px;
    width: 86px;
	margin-left: -10px;
	margin-top: -37px;
	
}
.about {
	height: 38px;
	width: 120px;
	margin-top: -37px;
	margin-left: 285px;
}
.contact {
	height: 37px;
	width: 135px;
	margin-top: -37px;
	margin-left: 620px;
}
.foto {
	height: 395px;
	width: 415px;
	margin-left: -700px;
	margin-top: 100px;
}
.intestazione {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 34px;
	color:#999;
	margin-left: 150px;
	margin-top: -200px;
	
}
.consiglio {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 34px;
	color:#999;
	margin-top: -780px;
	psition:static;
	float: none;
	z-index: 996;
	display:block;
}
.down {
	height:59px;
	width:116px;
	display: block;
	margin-top: -900px;
}
 
Ultima modifica da un moderatore:

Dvdxseo

Redattore Onorario
Redattore
User Legend
27 Maggio 2008
5.522
374
138
Miglior risposta
0
#3
Ho racchiuso i codici tra i tag
Codice:
. Usali la prossima volta per permetterci di leggere meglio i tuoi codici. :)

Comunque, stai attento che hai scritto [b]psition[/b], e non [B]position[/B] nella classe consiglio. Inoltre, imposta la posizione come absolute e dai dei valori per [I]top[/I] e [I]left[/I].
 
Shoutbox
  1. #KiK #KiK: CAFONE
  2. #KiK #KiK: ma come parla
  3. 404NotFound 404NotFound: figa
  4. topolino1958 topolino1958: Ragazzi dove posso postare un canale telegram per pubblicità?
  5. Cristoforo58 Cristoforo58: Sono vietati link esterni a Sciax2 in shoutbox, grazie.
  6. Mr_Joker Mr_Joker: vi ricordiamo che domani pomeriggio dalle 2-5pm "Sunake Hotel" apre le selezioni a diverse posizione staff.
  7. Forzaese23 Forzaese23: retro babbo
  8. #KiK #KiK: createlo amikoooo
  9. B bbhojjjj76: fake login habbo ne avete?
  10. N NeroWhite BO: Buonasera
  11. #Egzon14 #Egzon14: dunque possiamo definirli morti i retro
  12. #Egzon14 #Egzon14: habbo passerà ad unity
  13. #KiK #KiK: ma infatti
  14. #Egzon14 #Egzon14: ancora con sti retro habbo
  15. M mikiamo2012: Qualcuno per creare retro habbo?
  16. topolino1958 topolino1958: Ragazzi dove posso postare un canale telegram per pubblicità?
  17. #KiK #KiK: e poi ci sono io che vado a sorseggiare un po di kaffè su habbo inglese
  18. #Egzon14 #Egzon14: è proprio morto sciax2
  19. #KiK #KiK: Amiciii come statee
  20. #KiK #KiK: Cerco staff per la mia kaffetteriaaaa
  21. LogR LogR: Cerco tutto lo staff per il mio retroserver
  22. LogR LogR: https://www.sciax2.it/forum/threads/cerco-team-progetto-pronto.700516/
  23. A AnonymousOwna: Lubex Hotel è online vi aspetto
  24. ..Vortix.. ..Vortix..: Sì, penso ci sia la categoria adatta
  25. A Antonyblind: Qui si possono pubblicare metodi di guadagno???
Top