problem z DIV

boruta_m · Post autor: **boruta_m** » wt maja 03, 2005 11:55 am

Witam
Robię stronke opartą na div'ach i mam pewien problem. Zrobiłem sobie trzy "komórki". W środkowej ma znajdować sie tekst a po bokach linki. Problem jest taki że jak w tej środkowej pisze za długi tekst to mi sie ta komórka rozjeżdza. Wpisalem width="400px" ale to nic nie dało. Poniżej podaje kod strony

Kod: Zaznacz cały

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=iso-8859-2">
<META HTTP-EQUIV="Content-Language" CONTENT="pl">
<META NAME="Author" CONTENT="boruta_m & krzysior">
<TITLE>
STRONA
</TITLE>
<STYLE type="text/css">
BODY {
	 background: black;
	 font-family: Arial;
	 font-size: 8pt;
	 color: white;
	 scrollbar-face-color:black; 
    scrollbar-highlight-color:#ffffff; 
    scrollbar-shadow-color:#ffffff; 
    scrollbar-3dlight-color:#115E8D;
    scrollbar-arrow-color:white;
    scrollbar-track-color:black

}
A {
  color: #AFAFAF;
  text-decoration: none;
  font-family: Arial;
  font-size: 8pt
}
A:hover {
		color: #FFFFFF;
		text-decoration: none;
		font-family: Arial;
		font-size: 8pt;
}
A:active {
	color: #E30000;
	text-decoration: none;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
}
TABLE {
	background: black;
	font-family: Arial;
	font-size: 8pt;
}
.rama {
	border: dashed;
	border-width: 1px;
}
#glowna {
	position: relative;
	width: 800px;
	height: 500px;
	text-align: center
}
#left {
	position: absolute;
	left: 105px;
	margin-top: 5px;
	border: dashed;
	border-width: 1px;
	text-align: left;
	width: 90px
}
#center {
	position: absolute;
	border: dashed;
	border-width: 1px;
	height: 500px;
	width: 400px;
	text-align: center;
	left: 200px;
	margin-top: 5px
}
#right {
	position: absolute;
	right: 85px;
	margin-top: 5px;
	border: dashed;
	border-width: 1px;
	text-align: left;
	width: 110px
}
</STYLE>
</HEAD>

<BODY bgcolor="BLACK" text="white">
<CENTER>
<DIV id="glowna">

	 <DIV id="center" WIDTH="400px" height="500px">
	 Ten caly glowny text
	 </DIV>

	<DIV id="left">
		&nbsp &nbsp &raquo <A HREF="#">LINK</A><BR>
        &nbsp &nbsp &raquo <A HREF="#">LINK</A><BR>
        &nbsp &nbsp &raquo <A HREF="#">LINK</A><BR>
        &nbsp &nbsp &raquo <A HREF="#">LINK</A><BR>
        &nbsp &nbsp &raquo <A HREF="#">LINK</A><BR>
        &nbsp &nbsp &raquo <A HREF="#">LINK</A>
	</DIV>	
	
	<DIV id="right">
		&nbsp &nbsp &raquo <A HREF="#">LINK</A><BR>
        &nbsp &nbsp &raquo <A HREF="#">LINK</A><BR>
        &nbsp &nbsp &raquo <A HREF="#">LINK</A><BR>
        &nbsp &nbsp &raquo <A HREF="#">LINK</A><BR>
        &nbsp &nbsp &raquo <A HREF="#">LINK</A><BR>
        &nbsp &nbsp &raquo <A HREF="#">LINK</A>
    </DIV>

</DIV>
</CENTER>
</BODY>
</HTML>

POMOCY! Z góry dzięki:]

Stig · Post autor: **Stig** » wt maja 03, 2005 12:13 pm

Jeżeli dobrze Cię zrozumiałem to nie widzę żadnego problemu. Sprawdziłem u siebie (Opera 8, Firefox, IE6): po wpisaniu tekstu w div'ie "center" nie poszerza się on, tylko wydłuża (co chyba jest naturalne i logiczne). Możesz darować sobie argumenty width i height dla div'a: dają one ten sam efekt co podane w stylu.

Michał Fikus · Post autor: **Michał Fikus** » wt maja 03, 2005 7:27 pm

chyba styl overflow rozwiąże Twój problem

boruta_m · Post autor: **boruta_m** » śr maja 04, 2005 6:31 pm

Stig ma racje. Żadnego problemu nie ma. Poprostu mój głupi błąd. Przed chwilą skojarzyłem. Poprostu pisałem tekst bez odstępów. Tzn. "aaaaaaaaaaaaaaaaaa" a nie np. "aaaa aaa a aaaaa aaa". Sorry za problem i dzięki za pomoc.

problem z DIV

problem z DIV

Re: problem z DIV

Re: problem z DIV

Re: problem z DIV