Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Cum accesez site-ul CNAS ?

Algoritm simplu de calculare al u...

Bitdefender Total Security ș...

casa verde 2024
 Intrerupator cu N - doza doar cu ...

Incalzire casa fara gaz/lemne

Incalzire in pardoseala etapizata

Suprataxa card energie?!
 Cum era nivelul de trai cam din a...

probleme cu ochelarii

Impozite pe proprietati de anul v...

teava rezistenta panou apa calda
 Acces in Curte din Drum National

Sub mobila de bucatarie si sub fr...

Rezultat RMN

Numar circuite IPAT si prindere t...
 

merge perfec in IE7 dar nu la fel de bine in mozila si opera

- - - - -
  • Please log in to reply
11 replies to this topic

#1
Sterus

Sterus

    Member

  • Grup: Members
  • Posts: 332
  • Înscris: 04.07.2007
partea de HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
	
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">	

	<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<title>Vacanta ta</title>
		<link rel="stylesheet" type="text/css" href="styles.css" media="screen">
	</head>
	<body>
		<div id="wrapper">
<!--head-->
			<div id="head"><div class="title">HOME</div>
						   <ul id="navi_head"><li><a href="#" title="#">home</a></li>
									  <li>|<a href="#" title="#">destinatii</a></li>
									  <li>|<a href="#" title="#">oferte</a></li>
											  <li>|<a href="#" title="#">de sezon</a></li>
											  <li>|<a href="#" title="#">speciale</a></li>
											  <li>|<a href="#" title="#">contact</a></li>
						   </ul>
							<img src="images/head.png" width="976px" height="200px"/>
			</div>			
<!--box-->
			<div id="box">
<!--sidebar_a-->
				<div id="sidebar_a">fdfdfd</div>
<!--content-->
				<div id="content">fdfdfdfyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy<br><br></div>
<!--sidebar_b-->
				<div id="sidebar_b">hgjhhjfgfg</div>
			</div>
<!--footer-->
			<div id="footer">&copy; 2008 &middot; </div>
		</div>	

		
	</body>
</html>

partea de CSS
* {margin:0; padding:0}

body {background:#8FB2C0}
img   {border:none}

#wrapper {margin:5px auto;padding:5px 5px;width:976px;background:#EEFDCB;border:2px solid #3F6A8C;}

/*head*/
#head			  {float:left;background:#EEFDCB;width:976px}
.title			{float:left;width:976px;color:#8FB2C0;font-family:"MS Sans Serif", sans-serif;font-size:18px; font-weight: bold}
#navi_head	{float:right;list-style:none;padding:0 0 5px 0}
#navi_head li {float:left;margin:3px 3px;color:#3F6A8C}
#navi_head a  {text-decoration:none;font-family:arial;font-size:12px;color:#3F6A8C;font-weight:bold;margin:0px 0 0 5px}
#navi_head a:hover {text-decoration:underline;color:#638A9A}

#box {background:#EEF000;width:976px}

/*sidebar_a*/
#sidebar_a {float:left;width:170px;border:3px solid #FAC139;margin:5px 5px 0 5px;padding:3px 3px;background:#EEFDCB}

/*content*/
#content {float:left;width:576px;border:4px solid #3A6577;padding:3px 4px;margin:10px 0 0 0;background:#EEFDCB}

/*sidebar_b*/
#sidebar_b {float:left;width:170px;border:3px solid #FAC139;margin:5px 5px 0 5px;padding:3px 3px;background:#EEFDCB}

/*footer*/
#footer {float:left;width:970px;background:#638A9A;margin:5px 0 5px 0;padding:3px 3px;font-family:arial;font-size:10px;text-align:center;color:#EEFDCB}


#2
OriginalCopy

OriginalCopy

    I'm harmful, fear me please! :))

  • Grup: Senior Members
  • Posts: 27,268
  • Înscris: 10.08.2006
float?

#3
Sterus

Sterus

    Member

  • Grup: Members
  • Posts: 332
  • Înscris: 04.07.2007

View PostOriginalCopy, on Jun 13 2008, 23:09, said:

float?
unde?
daca ii dau pe wrapper se duce naibii

Edited by Sterus, 13 June 2008 - 22:29.


#4
MembruAnonim

MembruAnonim

    MembruAnonim

  • Grup: Banned
  • Posts: 398,226
  • Înscris: 08.10.2015
aha. și tu crezi că o să stea cineva să ia codul, să testeze și să ghicească ce nu e în regulă... nu?

#5
OriginalCopy

OriginalCopy

    I'm harmful, fear me please! :))

  • Grup: Senior Members
  • Posts: 27,268
  • Înscris: 10.08.2006

View PostSterus, on Jun 13 2008, 22:29, said:

unde?
daca ii dau pe wrapper se duce naibii
prea mult float deja

#6
MihaiD_

MihaiD_

    New Member

  • Grup: Members
  • Posts: 3
  • Înscris: 14.06.2008
Incearca asa:

img   {border:none;width:976px;height:200px}
dai float:left la wrapper

si centrezi toata sandramaua asa:


div#centered 
	{ 
		position:absolute;
		
		width:976px;
		height:auto;
		
		margin-left:-(jumate din width wrapper)px; /* center align  */
		margin-top:-(jumate din height wrapper)px; /* center align  */
		
		left:50%;
		top:50%;
 	}
...
	<body>
	  <div id="centred">
		<div id="wrapper">	
.......... continut ............
	 </div>
	 </div>
</body

sau utilizezi min-height pt. wrapper si head...

Edited by MihaiD_, 14 June 2008 - 02:50.


#7
Sterus

Sterus

    Member

  • Grup: Members
  • Posts: 332
  • Înscris: 04.07.2007

View Posti0nutzb, on Jun 14 2008, 00:20, said:

aha. și tu crezi că o să stea cineva să ia codul, să testeze și să ghicească ce nu e în regulă... nu?
daca nu dai o mana de ajutor de ce te bagi?

View PostMihaiD_, on Jun 14 2008, 03:48, said:

sau utilizezi min-height pt. wrapper si head...
ms fain mihai

#8
MembruAnonim

MembruAnonim

    MembruAnonim

  • Grup: Banned
  • Posts: 398,226
  • Înscris: 08.10.2015

Quote

daca nu dai o mana de ajutor de ce te bagi?
dacă nu știi să întrebi, de ce aștepți o mână de ajutor? :death:

#9
Sterus

Sterus

    Member

  • Grup: Members
  • Posts: 332
  • Înscris: 04.07.2007
atata timp cat ai stiut sa pui intrebarea asta (aha. și tu crezi că o să stea cineva să ia codul, să testeze și să ghicească ce nu e în regulă... nu?)... stii despre ce e vorba.

#10
Jumping Jack

Jumping Jack

    Member

  • Grup: Members
  • Posts: 622
  • Înscris: 12.09.2007
Salut, nu ne-am mai auzit de mult.  

Daca dai float la wrapper, intr-adevar se duce totul in stinga. Insa afisajul e corect in Firefox si opera, nu in ie7. Chiar daca in ie7 ti se pare tie OK. Si asta pentru ca e normal ca div#wrapper (fara float) sa nu se extinda si sa cuprinda div-urile tale cu float.

Ca sa obtii ceea ce vrei tu, ar trebui sa faci una din doua:

1. Ori mai pui un div#wrapper2 in jurul lui #wrapper, si schimbi asa:

#wrapper2 {margin:5px auto;width:986px} /*atentie la width.*/
#wrapper {padding:5px 5px;width:976px;background:#EEFDCB;border:2px solid #3F6A8C;float:left}

2. Ori scoti formatarile de la wrapper si il lasi numai cu {width:986px;margin :auto} si transferi restul - border, background, etc, ce mai ai tu pe acolo - la elementele tale de pe pagina (head, box, footer).

Apropo, si intr-un caz si in celalalt ar fi bine sa dai clear:both la div#box si la div#footer

Edited by Jumping Jack, 14 June 2008 - 18:28.


#11
Sterus

Sterus

    Member

  • Grup: Members
  • Posts: 332
  • Înscris: 04.07.2007
Jumping Jack am crezut ca ai parasit forumul !
daca ai stii cata nevoie am avut de ajutorul tau, dar oricum multumesc pt ce m-ai invatat.
aveam ideea asta in cap dar ma gandeam ca exista ceva mai simplu un cod ceva, dar se pare ca nu

#12
Jumping Jack

Jumping Jack

    Member

  • Grup: Members
  • Posts: 622
  • Înscris: 12.09.2007

View PostSterus, on Jun 14 2008, 21:15, said:

Jumping Jack am crezut ca ai parasit forumul !
daca ai stii cata nevoie am avut de ajutorul tau, dar oricum multumesc pt ce m-ai invatat.
aveam ideea asta in cap dar ma gandeam ca exista ceva mai simplu un cod ceva, dar se pare ca nu
Pai nu ti-am zis sa dai PM daca dai de greu? Daca pot, raspund. Bine, de fapt, nici nu am avut timp prea mult. Si de altfel vad ca te descurci destul de bine, fata de cit de incet o pornisesi.

Anunturi

Bun venit pe Forumul Softpedia!

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate